@charset "UTF-8";
body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0 auto;
  padding: 3px auto;
  color: #ffffff;
  word-wrap: break-word;
  background: #000000;
  margin: auto;
  max-width: 600px;
  border: 2px solid #3b3131; }

a {
  text-decoration: underline;
  color: #C30; }

a:hover {
  text-decoration: underline; }

img {
  max-width: 100%; }

.dat {
  background: url("../images/nongtrai/dat.png") repeat scroll 0% 0% transparent;
  margin-top: 4px;
  padding: 6px; }

.cola {
  margin: 10px 0px;
  background: url("../images/nongtrai/cola.png") repeat scroll 0% 0% transparent;
  min-height: 150px;
  padding: 2px; }

.cay {
  display: inline-block;
  text-align: center; }

.thongtin_nn {
  margin: 0 auto;
  width: 90px;
  background-image: url("i_nongtrai.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center;
  padding-bottom: 15px; }

.subitm {
  text-align: center;
  background-color: #212121;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 2px;
  border: 1px solid #3b3131; }

.foot {
  text-align: center;
  color: red;
  font-size: 16px;
  margin-top: 2px;
  font-weight: bold;
  background: url(foot.gif); }

.foot a {
  text-decoration: none; }

.load {
  border: 4px solid #561d00;
  background: #fbe39b;
  filter: alpha(opacity=65);
  z-index: 999999;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Tahoma;
  font-size: 12px;
  width: 100px;
  left: 50%;
  top: 38%;
  margin-left: -50px;
  margin-top: -33px;
  color: #000;
  text-align: center;
  position: fixed;
  padding: 10px; }

.list {
  background-color: #050505;
  border: 1px solid #2F4F4F;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 2px;
  color: #fff; }

.list_2 {
  background-color: #fbe39b;
  border: 4px solid #561d00;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 2px;
  color: #fff; }

.trang {
  text-align: center;
  padding: 2px;
  background-color: #31302F;
  margin-top: 1px;
  margin-bottom: 1px;
  font-weight: bold;
  font-size: 14px; }

span.hientai {
  text-align: center;
  background-color: #561d00;
  font-weight: bold;
  font-size: 14px;
  border: 2px solid #000;
  padding: 3px; }

.taiw {
  background-color: #050505;
  border: 1px solid #2F4F4F;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 2px;
  color: #fff; }

.tip {
  background-color: #C50;
  border-color: #77AF42;
  color: #fff;
  border-radius: 0px 5px 5px 0px;
  font-size: 11px;
  padding: 4px; }

.xdong {
  background: url(ln_l6.gif) bottom center repeat-x;
  width: 100%;
  text-align: center;
  padding: 2px;
  height: 10px; }

.chay {
  background: #000 url(tb.gif) center repeat-x;
  width: 100%;
  color: #000;
  text-align: center;
  padding: 6px 0px; }

.tieude {
  background: #000 url(bg_t.jpg) center repeat-x;
  width: 100%;
  color: #fef5a6;
  text-align: center;
  padding: 6px 0px; }

.ten {
  background: #000 url(ten.gif);
  width: 100%;
  color: #fef5a6;
  text-align: center;
  padding: 6px 0px; }

.tieude1 {
  background: #000 url(bg_gd.jpg) center repeat-x;
  width: 100%;
  color: #fef5a6;
  text-align: center;
  padding: 6px 0px; }

.tieude2 {
  background: #000 url(bg_t.gif) center repeat-x;
  width: 100%;
  color: #fef5a6;
  text-align: center;
  padding: 6px 0px; }

.ne_t {
  background: #000 url(images/te_t.jpg) top center repeat-x;
  text-align: center;
  padding-top: 15px; }

.tex_n {
  background: #fbe39b;
  color: #000;
  text-align: left;
  padding: 0px 3px; }

.ne_b {
  background: #fbe39a url(images/te_b.jpg) bottom center repeat-x;
  text-align: center;
  padding-bottom: 20px; }

p {
  margin: 0;
  padding: 0; }

input[type=text],
input[type=password],
textarea,
input[type=file],
input[type=number],
input[type=radio],
input[type=checkbox],
select {
  background-color: #111111;
  border: 1px solid #1c3c3e;
  border-radius: 3px;
  font-size: 10pt;
  color: #bfdee0;
  margin: 1px 3px 0px 3px;
  padding: 2px; }

input[type=submit],
input[type=button],
input[type=reset] {
  background: #7f6611;
  border: none;
  border-radius: 4px;
  color: #111111;
  font-size: 8pt;
  margin: 2px 4px 2px 7px;
  padding: 3px 9px 3px 9px; }

input[type=submit]:hover {
  background: #ffffff url("sumbit.png") top left repeat-x;
  text-shadow: 0 0 8px #ffffff; }

button {
  background: #7f6611;
  border: none;
  border-radius: 4px;
  color: #111111;
  font-size: 8pt;
  margin: 2px 4px 2px 7px;
  padding: 3px 9px 3px 9px; }

button:hover {
  background: #ffffff url("sumbit.png") top left repeat-x;
  text-shadow: 0 0 8px #ffffff; }

.menu2 {
  background: #561d00;
  margin: 0;
  margin-bottom: 3px; }

tr.menu td,
tr.menu td a {
  color: #ffcf9c;
  font-weight: none;
  text-decoration: none;
  text-align: center;
  vertical-align: bottom;
  padding-left: 0; }

td#selected a {
  color: #561d00; }

tr.menu td a:hover,
td#selected a:hover {
  text-decoration: underline; }

tr.menu td,
td#selected {
  width: 20%;
  background-color: #9f5424; }

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("bg_menu.png"); }

tr.menu1 td#selected {
  background-color: #dbf5ff; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none;
  color: #D570EE;
  font-weight: bold; }

.nutbam {
  background: #7f6611;
  border: none;
  border-radius: 4px;
  color: #111111;
  font-size: 8pt;
  margin: 2px 4px 2px 7px;
  padding: 3px 9px 3px 9px; }

.rongthan {
  height: 350px;
  text-align: center;
  color: red;
  font-size: 16px;
  margin-top: 2px;
  font-weight: bold;
  background: url(rongthan.gif);
  background-repeat: no-repeat;
  background-clip: content-box;
  background-size: cover;
  background-position: center center; }

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.f-img-container img {
  /* 1. Đảm bảo độ nét trên mọi trình duyệt (Safari, Chrome, Firefox) */
  image-rendering: -webkit-optimize-contrast;
  /* iOS/Safari */
  image-rendering: crisp-edges;
  /* Firefox */
  image-rendering: pixelated;
  /* Chrome/Android/PC */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE/Edge cũ */
  /* 2. Giúp việc dùng 'transform: scale' không bị lệch tâm */
  /* Khi bạn scale(1.1), cái cây sẽ to đều ra từ gốc thay vì bị lơ lửng */
  transform-origin: bottom center;
  /* 3. Đảm bảo ảnh không bị méo khi thay đổi kích thước */
  height: auto;
  width: auto;
  /* Tránh bị bóp méo nếu container nhỏ */ }

.f-img-home img {
  /* 1. Đảm bảo độ nét trên mọi trình duyệt (Safari, Chrome, Firefox) */
  image-rendering: -webkit-optimize-contrast;
  /* iOS/Safari */
  image-rendering: crisp-edges;
  /* Firefox */
  image-rendering: pixelated;
  /* Chrome/Android/PC */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE/Edge cũ */
  /* 2. Giúp việc dùng 'transform: scale' không bị lệch tâm */
  /* Khi bạn scale(1.1), cái cây sẽ to đều ra từ gốc thay vì bị lơ lửng */
  transform-origin: bottom center;
  /* 3. Đảm bảo ảnh không bị méo khi thay đổi kích thước */
  height: auto;
  width: auto;
  /* Tránh bị bóp méo nếu container nhỏ */ }

.synergy-row {
  display: flex;
  align-items: stretch;
  gap: 6px;
  padding: 5px; }

.synergy-item {
  flex: 1;
  /* Sử dụng nền đen mờ giống khung nhân vật */
  background: rgba(0, 0, 0, 0.5);
  /* Viền mỏng và có độ trong suốt */
  border: 1px solid rgba(241, 196, 15, 0.6);
  border-radius: 4px;
  padding: 6px;
  text-align: left;
  /* Bóng đổ dịu nhẹ, không quá chói */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 5px rgba(241, 196, 15, 0.2);
  display: flex;
  flex-direction: column;
  animation: glow-ta 3s infinite alternate;
  /* Nhấp nháy dịu */ }

.synergy-item.dich {
  border: 1px solid rgba(231, 76, 60, 0.6);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 0 0 5px rgba(231, 76, 60, 0.2);
  animation: glow-dich 3s infinite alternate; }

/* Hiệu ứng nhấp nháy chậm cho phe Ta */
@keyframes glow-ta {
  from {
    box-shadow: 0 0 3px rgba(241, 196, 15, 0.2); }
  to {
    box-shadow: 0 0 8px rgba(241, 196, 15, 0.5); } }
/* Hiệu ứng nhấp nháy chậm cho phe Địch */
@keyframes glow-dich {
  from {
    box-shadow: 0 0 3px rgba(231, 76, 60, 0.2); }
  to {
    box-shadow: 0 0 8px rgba(231, 76, 60, 0.5); } }
.syn-name {
  display: block;
  font-weight: bold;
  font-size: 11px;
  color: rgba(241, 196, 15, 0.9);
  /* Màu chữ hơi mờ đi */
  text-transform: uppercase;
  margin-bottom: 3px;
  text-shadow: 1px 1px 2px #000; }

.synergy-item.dich .syn-name {
  color: rgba(231, 76, 60, 0.9); }

.syn-info {
  display: block;
  font-size: 10px;
  color: #ccc;
  /* Chữ mô tả màu xám nhạt cho dịu mắt */
  line-height: 1.2; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

.plog {
  margin-left: 5px;
  margin-right: 5px;
  font-size: small;
  color: black;
  background-color: #dead73;
  background-image: url(icon/bg-plog-left.png);
  background-repeat: repeat-y;
  background-position: 0 0; }

.plog .ptop {
  height: 9px;
  font-size: 0;
  background-color: #331c19;
  background-image: url(icon/bg-plog-border_t.png);
  background-repeat: repeat-x;
  background-position: 0 0; }

.plog .wr1 {
  background-image: url(icon/bg-plog-right.png);
  background-repeat: repeat-y;
  background-position: 100% 0; }

.plog .wr2 {
  background-image: url(icon/bg-plog-bottom.png);
  background-repeat: repeat-x;
  background-position: 0 100%; }

.plog .wr3 {
  background-image: url(icon/bg-plog-corner_l.png);
  background-repeat: no-repeat;
  background-position: 0 100%; }

.plog .wr4 {
  background-image: url(icon/bg-plog-corner_r.png);
  background-repeat: no-repeat;
  background-position: 100% 100%; }

.plog .wr5 {
  padding: 10px 25px 20px;
  background-image: url(icon/bg-plog-top.png);
  background-repeat: repeat-x;
  background-position: 0 0; }

.cbtn2.blue {
  background-position: 0 0; }

.cbtn2.blue .cb_end {
  background-position: 100% -37px; }

.cbtn2 .cb_end {
  padding: 0 20px; }

.cbtn2,
.cbtn2 .cb_end,
.cbtn2 .cb_ttl {
  display: block;
  font-size: 0;
  background-image: url(icon/bg-cbtn2.png);
  background-repeat: no-repeat; }

.cbtn2.blue .cb_ttl {
  color: #6cdeff;
  background-position: 0 -74px; }

.cbtn2 .cb_ttl {
  height: 28px;
  padding: 9px 0 0;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
  text-align: center;
  background-repeat: repeat-x; }

.pbtl.red {
  background-image: url(icon/bg-pbtl-red.jpg); }

.pbtl.red .thumb {
  background-image: url(icon/bg-pbtl-thumb-red.jpg); }

.pbtl .thumb {
  float: left;
  background-repeat: no-repeat;
  background-position: 100% 0; }

.c_red,
.feedbackPanelERROR {
  color: #c81f3b !important; }

.pbtl {
  font-size: 0;
  background-repeat: repeat-x;
  background-position: 0 0; }

.nwr {
  white-space: nowrap; }

.pbtl .brd_shd {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(icon/bg-pbtl-shd.png); }

.pbtl.red .info {
  background-image: url(icon/bg-pbtl-end-red.jpg); }

.pbtl .ava {
  margin: 10px 8px 11px 13px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 50px 50px; }

.pbtl .nick {
  padding-top: 13px;
  font-size: small;
  white-space: nowrap;
  overflow: hidden;
  position: relative; }

.pbtl .info {
  height: 71px;
  margin-left: 76px;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 0; }

.pbtl.red .hp_pnl {
  background-position: 0 0; }

.pbtl .hp_pnl {
  margin: 2px 0;
  font-size: 0;
  background-image: url(icon/bg-hp-pnl.gif);
  background-repeat: repeat-x;
  overflow-x: hidden; }

.pbtl .dmg {
  float: right;
  font-size: small;
  color: #ff4e41; }

.icon {
  height: 16px;
  width: 16px;
  margin-bottom: 1px;
  border: 0px; }

.vt {
  vertical-align: top; }

.pbtl .hred {
  margin-left: -3px;
  padding-left: 3px;
  background-image: url(icon/bg-hp-red.png);
  background-repeat: no-repeat;
  background-position: 0 0; }

.fl {
  float: left; }

.pbtl.red .hp_pnl .p_l {
  background-position: 0 0; }

.pbtl .hp_pnl .p_l,
.pbtl .hp_pnl .p_r {
  height: 6px;
  background-repeat: no-repeat;
  background-image: url(icon/bg-hp-prg-lr.png); }

.clb {
  clear: both; }

.pbtl .dmg {
  float: right;
  font-size: small;
  color: #ff4e41; }

.mr2 {
  margin-right: 2px; }

.block {
  background-color: black;
  background-repeat: repeat-x; }

.small {
  font-size: small !important; }

.cntr {
  text-align: center; }

.mb10 {
  margin-bottom: 10px; }

.bl_red {
  background-image: url(icon/bg-block-red-wr1.png) !important;
  background-color: #2c0e00 !important; }

.bl_red .wr2 {
  background-image: url(icon/bg-block-red-wr2.png); }

.block .wr2 {
  background-repeat: repeat-x;
  background-position: 0 100%; }

.bl_red .wr3 {
  background-image: url(icon/bg-block-red-wr3.png); }

.block .wr3 {
  background-repeat: repeat-y;
  background-position: 100% 0; }

.bl_red .wr4 {
  background-image: url(icon/bg-block-red-wr4.png); }

.block .wr4 {
  background-repeat: repeat-y; }

.bl_red .wr5 {
  background-image: url(icon/bg-block-red-c1.png); }

.block .wr5 {
  background-repeat: no-repeat; }

.bl_red .wr6 {
  background-image: url(icon/bg-block-red-c2.png); }

.block .wr6 {
  background-repeat: no-repeat;
  background-position: 100% 0; }

.bl_red .wr7 {
  background-image: url(icon/bg-block-red-c3.png); }

.block .wr7 {
  background-repeat: no-repeat;
  background-position: 100% 100%; }

.bl_red .wr8 {
  background-image: url(icon/bg-block-red-c4.png);
  color: wheat; }

.bl_green {
  background-image: url(icon/bg-block-green-wr1.png) !important;
  background-color: #00231f !important; }

.bl_green .wr2 {
  background-image: url(icon/bg-block-green-wr2.png); }

.block .wr2 {
  background-repeat: repeat-x;
  background-position: 0 100%; }

.bl_green .wr3 {
  background-image: url(icon/bg-block-green-wr3.png); }

.block .wr3 {
  background-repeat: repeat-y;
  background-position: 100% 0; }

.bl_green .wr4 {
  background-image: url(icon/bg-block-green-wr4.png); }

.block .wr4 {
  background-repeat: repeat-y; }

.bl_green .wr5 {
  background-image: url(icon/bg-block-green-c1.png); }

.block .wr5 {
  background-repeat: no-repeat; }

.bl_green .wr6 {
  background-image: url(icon/bg-block-green-c2.png); }

.block .wr6 {
  background-repeat: no-repeat;
  background-position: 100% 0; }

.bl_green .wr7 {
  background-image: url(icon/bg-block-green-c3.png); }

.block .wr7 {
  background-repeat: no-repeat;
  background-position: 100% 100%; }

.bl_green .wr8 {
  background-image: url(icon/bg-block-green-c4.png);
  color: wheat; }

.block .wr8 {
  background-repeat: no-repeat;
  background-position: 0 100%; }

.p15_17 {
  padding: 15px 17px; }

.small {
  font-size: small !important; }

.cntr {
  text-align: center; }

.p15_17 {
  padding: 15px 17px; }

.mapple {
  background: url(icon/bg-shining3.jpg) no-repeat center;
  background-size: cover; }

.w1002 {
  height: auto;
  background: url(icon/wave-l.png) left center no-repeat;
  margin-bottom: 5px; }

.w100 {
  width: 100%;
  height: auto;
  background: url(icon/wave-r.png) right center no-repeat; }

.mtb5 {
  margin-top: 5px;
  margin-bottom: 5px; }

.central {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center; }

.bl_red2 {
  background-image: url(icon/bg-block-red2-wr1.png) !important;
  background-color: black !important; }

.bl_red2 .wr2 {
  background-image: url(icon/bg-block-red2-wr2.png); }

.bl_red2 .wr3 {
  background-image: url(icon/bg-block-red2-wr3.png); }

.bl_red2 .wr4 {
  background-image: url(icon/bg-block-red2-wr4.png); }

.bl_red2 .wr5 {
  background-image: url(icon/bg-block-red2-c1.png); }

.bl_red2 .wr6 {
  background-image: url(icon/bg-block-red2-c2.png); }

.bl_red2 .wr7 {
  background-image: url(icon/bg-block-red2-c3.png); }

.bl_red2 .wr8 {
  background-image: url(icon/bg-block-red2-c4.png);
  color: #fd8f8f; }

.bl_green2 {
  background-image: url(icon/bg-block-green2-wr1.png) !important;
  background-color: black !important; }

.bl_green2 .wr2 {
  background-image: url(icon/bg-block-green2-wr2.png); }

.bl_green2 .wr3 {
  background-image: url(icon/bg-block-green2-wr3.png); }

.bl_green2 .wr4 {
  background-image: url(icon/bg-block-green2-wr4.png); }

.bl_green2 .wr5 {
  background-image: url(icon/bg-block-green2-c1.png); }

.bl_green2 .wr6 {
  background-image: url(icon/bg-block-green2-c2.png); }

.bl_green2 .wr7 {
  background-image: url(icon/bg-block-green2-c3.png); }

.bl_green2 .wr8 {
  background-image: url(icon/bg-block-green2-c4.png);
  color: #fd8f8f; }

.cbtn,
.cbtn .cb_end,
.cbtn .cb_ttl {
  display: block;
  font-size: 0;
  background-image: url(icon/bg-cbtn.png);
  background-repeat: no-repeat; }

.cbtn.blue .cb_end {
  background-position: 100% -30px; }

.cbtn.green {
  background-position: 0 -270px; }

.cbtn.green .cb_end {
  background-position: 100% -300px; }

.cbtn.green .cb_ttl {
  color: #d4ff82;
  background-position: 0 -330px; }

.cbtn .cb_end {
  padding: 0 8px; }

.cbtn.blue .cb_ttl {
  color: #6cdeff;
  background-position: 0 -60px; }

.cbtn .cb_ttl {
  height: 23px;
  padding: 7px 5px 0;
  white-space: nowrap;
  overflow: hidden;
  font-size: small;
  text-align: center;
  background-repeat: repeat-x; }

.cbtn.blue {
  background-position: 0 0; }

.cbtn {
  display: inline-block;
  text-decoration: none !important;
  vertical-align: top; }

.omenu {
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 3px;
  border: 1px solid #263755; }

.dat {
  background: url("icon/dat.png");
  margin-top: 4px;
  padding: 6px;
  border-radius: 10px;
  position: relative; }

.da {
  background: url("icon/da.png");
  padding: 5px; }

.cola {
  background: url("icon/cola.png");
  padding: 2px;
  border-radius: 0px 0px 10px 10px; }

.conduong {
  background: url("icon/conduong.png") repeat-x;
  height: 28px; }

.chuong {
  background: url("icon/chuong.png") no-repeat;
  height: 100px;
  margin-top: -4px;
  float: left;
  width: 250px; }

.hoca {
  background: url("icon/hoca.png") no-repeat;
  height: 80px;
  right: 10px;
  position: absolute;
  width: 100px;
  margin-top: 10px;
  display: inline; }

.clear {
  clear: both; }

.nennongtrai {
  background: url("icon/nennongtrai.png") repeat-x;
  height: 141px; }

.nennongtrai_toi {
  background: url("icon/nennongtrai-toi.png") repeat-x;
  height: 141px; }

.honuoc {
  background: #5dbdf5 url("icon/honuoc.png") repeat-x bottom;
  padding-top: 100px; }

.honuoccauca {
  background: #5dbdf5 url("icon/honuoccauca.png") repeat-x bottom;
  border-radius: 10px;
  padding-top: 10px;
  padding-left: 2px; }

.damcuoi {
  border: 1px solid #5ac1c7;
  background: url("icon/damcuoi.png");
  margin: 4px 0px; }

.datcauca {
  background: url("icon/datcauca.png") no-repeat bottom center;
  text-align: center;
  padding-top: 160px; }

.nengach {
  background: url("icon/nengach.png");
  padding: 2px; }

.nencv {
  background: url("icon/nencv.png");
  padding: 2px; }

.ngoicau {
  background: url("icon/ngoicau.png") no-repeat;
  position: relative;
  width: 118px;
  display: inline-block; }

.giangcau {
  background: url("icon/giangcau.png") no-repeat; }

.vaocau {
  background: url("icon/vaocau.png") no-repeat bottom center;
  padding-top: 52px;
  text-align: center; }

.daarena {
  background: url("icon/nenda.png") no-repeat left;
  margin: -14px -5px -1px -5px; }

.arena {
  margin: 5px;
  background: #fff1d6;
  border: 1px solid #ffe9bd; }

.arena_no_play {
  margin: 5px;
  background: #f5d5cb;
  border: 1px solid #f5c6b8; }

.nenarena {
  background: url("icon/nhabay.png");
  padding: 2px; }

.arena_new {
  background: url(icon/new.png) no-repeat scroll right top/35px auto transparent;
  display: block;
  height: 35px;
  width: 35px;
  position: absolute;
  right: 0;
  top: 0; }

.nenkhumo {
  background: url("icon/nenkhumo.png") repeat-x;
  height: 125px;
  border-bottom: 1px solib #fff;
  border-radius: 10px 10px 0px 0px; }

.nen_congvien {
  background: url("icon/nen-congvien.png") repeat-x;
  height: 142px;
  margin-top: 4px; }

.buico {
  background: url("icon/buico.png") repeat-x;
  margin-bottom: 4px;
  height: 24px; }

.datboss {
  text-align: center;
  background: url("icon/datboss.png");
  padding: 5px; }

.nhaboss {
  text-align: center;
  background: url("icon/nha.png") no-repeat right;
  height: 199px; }

.bautroiboss {
  border: 1px solid #5ac1c7;
  text-align: center;
  background: url("icon/bautroiboss.png");
  margin: 4px 0px; }

.hangraoboss {
  background: url("icon/hangraoboss.png") repeat-x;
  height: 60px; }

.listboss {
  background: #555;
  border: 1px solid #494949;
  display: inline-block;
  text-align: center;
  color: #fff;
  padding: 2px;
  margin: 4px; }

.tuongnhatu {
  text-align: center;
  background: #aaacbd url("icon/tuongnhatu.png") repeat-x bottom;
  padding: 20px; }

.cuasonhatu {
  background: url("icon/cuasonhatu.png") repeat-x;
  height: 30px; }

.nennhatu {
  background: url("icon/nennhatu.png");
  padding: 4px; }

.viengame {
  border: 1px solid #5ac1c7;
  padding: 1px;
  margin: 3px 0px 2px 0px; }

.thanhpho {
  background: url("icon/nencauca.png");
  margin-top: 4px;
  margin: -2px -5px -1px -5px;
  padding: 6px;
  max-width: 100%;
  margin: auto;
  height: 40px;
  border-bottom: 2px solid #e7e7e7; }

.nenda {
  background: url("icon/nenngoai.png");
  padding: 2px; }

.nenmuasam {
  background: url("icon/01.png");
  margin-top: 4px;
  margin: -2px -5px -1px -5px;
  padding: 6px;
  max-width: 100%;
  margin: auto;
  height: 40px;
  border-bottom: 2px solid #e7e7e7; }

.cotinhte {
  background: url("icon/background.png");
  padding: 2px; }

.dacity {
  background: url("icon/dacity.png");
  padding: 2px; }

.nenbetong {
  background: url("icon/betong.png");
  padding: 2px; }

.nengo {
  background: url("icon/nengo.png");
  padding: 2px; }

.canhcv {
  background: url("icon/canhcv.png");
  margin-top: 4px;
  margin: -2px -5px -1px -5px;
  padding: 6px;
  max-width: 100%;
  margin: auto;
  height: 40px;
  border-bottom: 2px solid #e7e7e7; }

.xavt {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

/*# sourceMappingURL=main.css.map */