body {
  font-family: arial;
  font-size: 13px;
}
.top-flash{
	width: 670px;
	height: 310px;
	position: absolute;
	left: -80px;
	top: 50px;
}
.header {
	width: 100%;
	background: url(../images/index/bg_header.jpg) no-repeat top center #000 !important;
	display: block; 
	float: left;
}

.top_menu {
	height: 73px;
	width: 100%;
	background: url(../images/intro/bg_top_menu.jpg) center center no-repeat;
}
.container {
	width:1000px;
	position:relative;
	height:auto;
	margin:auto;
}
.top_menu ul {
	display: block;
	float: left;
	height: 100%;
	position: relative;
	margin-left: 32px;
}
.top_menu ul li {
	display: block;
	float: left;
	width: 110px;
	height: 73px;
	margin-right: 1px;
}
.top_menu ul li.box_logo {
	width: 266px;
}
.top_menu ul li.trang_chu a {
	background: url(../images/intro/i_trangchu.png) no-repeat center 15px;
}
.top_menu ul li.tin_tuc a {
	background: url(../images/intro/i_tintuc.png) no-repeat center 15px;
}
.top_menu ul li.su_kien a {
	background: url(../images/intro/i_sukien.png) no-repeat center 15px;
}
.top_menu ul li.cam_nang a {
	background: url(../images/intro/i_camnang.png) no-repeat center 15px;
}
.top_menu ul li.cong_dong a {
	background: url(../images/intro/i_congdong.png) no-repeat center 15px;
}
.top_menu ul li.ho_tro a {
	background: url(../images/intro/i_hotro.png) no-repeat center 15px;
}
.top_menu ul li a {
	width: 100%;
    text-align: center;
    display: block;
    padding-top: 40px;
    font-size: 15px;
    color: #fff;
}
.top_menu ul li a:hover {
	color: #f00;
}
.logo {
	display: block;
    width: 140px;
    height: 135px;
    position: absolute;
    left: 430px;
	z-index: 999;
}
.logo a {
	display: block;
	background: url(../images/intro/logo.png) no-repeat;
	width: 100%;
	height: 100%;
}

.user-logined {
	position:absolute;
	top:41px;
	right:38px;
	text-align:right;
	background:0;
	z-index:9;
	padding:6px 10px;
}

.user-logined p {
	color:#fff;
	font-family:arial;
	font-size:13px;
	white-space:nowrap;
	line-height:20px;
	text-shadow:1px 1px 1px #747474;
}

.user-logined p a {
	text-decoration:none;
	color:inherit;
	font-family:arial;
	font-size:13px;
}

.user-logined p a:hover {
	font-style:italic;
}

.date {
	color: #fff000;
	position: absolute;
	top: 355px;
	left: 40px;
	font-size: 20px;
	font-weight: 700;
	width: 470px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.dang_ky {
	position:absolute;
	top: 375px;
	left: 185px;
	width: 253px;
	height: 63px;
	display: block;
}
.dang_ky a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/intro/dang_ky.png) no-repeat;
}
.dang_ky a:hover {
	background-position: center bottom;
}
.f_logo {
	float:left;
	margin:10px 0 10px 25px;
}

.f_inform {
	display:block;
	float:left;
	margin-left:50px;
	margin-top:30px;
	width:500px;
	text-align:left;
}

.f_inform p {
	color:#949494;
	font-size:14px;
	line-height:21px;
	width:590px;
	font-family:tahoma;
}

#kq_email {
	text-align: center;
    color: #f00;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}
.box_left_support {
    position: fixed;
    left: 5px;
    top: 25%;
    display: block;
    width: 75px;
    height: 296px;
    background: url(../images/intro/box_right.png) no-repeat;
}
.box_left_support ul {
	display: block;
	float: left;
	width: 100%;
}
.box_left_support ul li {
	display: block;
	float: left;
	width: 75px;
	height: 74px;
}
.box_left_support ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.box_left_support ul li:nth-child(1):hover a {
	background: url(../images/intro/box_right.png) no-repeat -75px 0px;
}
.box_left_support ul li:nth-child(2):hover a {
	background: url(../images/intro/box_right.png) no-repeat -75px -74px;
}
.box_left_support ul li:nth-child(3):hover a {
	background: url(../images/intro/box_right.png) no-repeat -75px -148px;
}
.box_left_support ul li:nth-child(4):hover a {
	background: url(../images/intro/box_right.png) no-repeat -75px -222px;
}

.content {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  display: block;
  float: left;
  margin-bottom: 10px;
  margin-top: 530px;
}
.content .lefter {
  float: left;
  width: 288px;
  position: relative;
}
.content .center {
  width: 706px;
  margin-left: 6px;
  float: left;
}
.lefter .gamestart {
  height: 186px;
  width: 288px;
  display: block;
  position: relative;
}
.lefter .gamestart a {
  display: block;
  width: 288px;
  height: 186px;
  background: url(../images/index/choi_ngay.png) no-repeat;
}
.lefter .gamestart a:hover {
  background-position: center bottom;
}
.lefter .code_card {
  height: 56px;
  width: 288px;
  display: block;
  background: url(../images/index/code_card.png) no-repeat;
}
.code_card .code {
  display: block;
  float: left;
  width: 144px;
  height: 56px;
}
.code_card .code:hover {
  background: url(../images/index/code_card.png) no-repeat left bottom;
}
.code_card .card {
  display: block;
  float: left;
  width: 144px;
  height: 56px;
}
.code_card .card:hover {
  background: url(../images/index/code_card.png) no-repeat right bottom;
}
.lefter .login {
  height: 270px;
  width: 288px;
  background-color: #08172b;
}
.inputbox {
  height: 28px;
  width: 135px;
  font-size: 14px;
  line-height: 30px;
  color: #646359;
  margin-left: 15px;
  padding: 0px 5px 0px 30px;
  outline: none;
  border: 1px solid #050d15;
}
.inputbox.username {
  background: #fff url(../images/index/user.png) no-repeat 6px center;
  margin-bottom: 10px;
}
.inputbox.password {
  background: #fff url(../images/index/password.png) no-repeat 6px center;
}
.login .n2 {
  color: #bc2b26;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  display: block;
  float: left;
  width: 100%;
  font-family: arial;
}
.login .social {
  margin: 0 auto;
  text-align: center;
  display: block;
  float: left;
  width: 100%;
}
.login .social a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  width: 30px;
  height: 30px;
}
.login .social a.fb {
  background: url(../images/account/fb.png) no-repeat;
}
.login .social a.gg {
  background: url(../images/account/gg.png) no-repeat;
}
.login .social a.yh {
  background: url(../images/account/yh.png) no-repeat;
}
.logTag {
  height: 40px;
  width: 40px;
  margin-right: 0px;
  margin-left: 20px;
  float: left;
  margin-bottom: 10px;
}
.servers {
  display: block;
  float: left;
  background: #08172B;
  max-height: 365px;
  width: 288px;
}
.center .banner {
  height: 240px;
  width: 706px;
  background-color: #000;
  display: block;
  float: left;
}
.center .there {
  height: 240px;
  width: 690px;
  margin-top: 10px;
}

.news {
  width: 706px;
  background: #eff3f8;
  font-size: 14px;
  line-height: 30px;
  outline: none;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  float: left;
}
.news .field {
  height: 30px;
  width: 690px;
  margin-right: auto;
  margin-left: auto;
  border-bottom-width: thin;
  border-bottom-style: dotted;
  border-bottom-color: #000;
}
.news .field .tag {
  width: 60px;
}
.news a:hover {
  color: #fff;
}
.news table {
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #c2c2c2;
  display: block;
  float: left;
}
.news table:hover {
  background: #08172b;
}
.news .more {
  line-height: 40px;
  color: #60C;
  height: 40px;
  position: absolute;
  z-index: 100;
  width: 50px;
  left: 630px;
  top: 0px;
}
.news .more a:link {  color: #8204FF;}
.news .more a:visited { color:#8204FF;}
.news .more a:hover { color: red;}
.chat {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  height: 62px;
  margin-top: 10px;
}
.chat .btn {
  height: 62px;
  width: 300px;
  margin-right: auto;
  margin-left: 20px;
  float: left;
}

/*footer*/
.footer {
  display: block;
  float: left;
  height: auto;
  width: 100%;
  background: url(../images/index/bg_footer.jpg) #071329 repeat;
  
}
.f_logo {
  float:left;
  margin:10px 0 0 25px;
}

.f_inform {
  display:block;
  float:left;
  margin-left:50px;
  margin-top:30px;
  width:500px;
  text-align:left;
}

.f_inform p {
  color:#949494;
  font-size:14px;
  line-height:21px;
  width:500px;
}
.container {
  width: 1000px;
  position: relative;
  height: auto;
  margin: auto;
}

.wrap .menuAC {
  height: 172px;
  width: 1000px;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.TabbedPanels {
  overflow: hidden;
  width: 706px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
  margin-right: auto;
  margin-left: auto;
}

.TabbedPanelsTabGroup {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background: #07142a;
  display: block;
  float: left;
  width: 706px;
  height: 51px;
}

.TabbedPanelsTab {
  float: left;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
  font-size: 15px;
  width: 104px;
  text-align: center;
  outline: none;
  color: #fff !important;
  font-weight: normal;
  text-transform: uppercase;
  height: 51px;
  line-height: 50px;
}

.TabbedPanelsTab:hover {
  color: #bf3500;
}
.TabbedPanelsTab:hover a {
  color: #bf3500 !important;
}
.TabbedPanelsTabSelected {
  background: url(../images/index/news_hover.png) no-repeat center bottom;
}
.TabbedPanelsTabSelected a {
  color: #bf3500 !important;
  width: 100%;
  height: 100%;
  display: block;
}

.TabbedPanelsTab a {
  color: #fff;
  text-decoration: none;
  
}
.TabbedPanelsContentGroup {
  clear: both;
  display: block;
  float: left;
}

.TabbedPanelsContent {
  overflow: hidden;
  padding: 10px;
  display: none;
  border: 1px solid #d4d4d4;
  height: 295px;
  width: 684px;
}
.TabbedPanelsContent .news_title {
  padding-left: 20px;
  background: url(../images/index/news_li.jpg) no-repeat 5px 12px;
}
.ar-first {
  display: block;
  float: left;
  width: 304px;
  margin-bottom: 5px;
  margin-right: 20px;
}
.ar-first .ar-image {
  display: block;
  float: left;
  width: 295px;
  height: 145px;
  margin-right: 10px;
  border: 4px solid #08172b;
}
.ar-first .ar-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.ar-first .ar-descrip {
  display: block;
  float: left;
  width: 304px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}
.ar-first .ar-title {
  display: block;
  float: left;
  width: 100%;
}
.ar-first .ar-title a {
  display: block;
  color: #d13b00;
  font-size: 15px;
}
.ar-first .ar-title a:hover {
  color: #EA1919;
}
.news_title a {
  color: #444;
  display: block;
}
.ar-readmore {
  display: block;
  float: right;
  width: 100px;
  height: 28px;
  margin-top: 5px;
  background: #08172b;
}
.ar-readmore a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 28px;
  color: #fff;
  text-align: center;
}
.ar-readmore a:hover {
  color: #f00;
}
.TabbedPanelsContentVisible {
  padding-right: 10px;
  padding-left: 10px;
  display: block;
  float: left;
}


@media print {
  .TabbedPanels {
    overflow: visible !important;
  }
  .TabbedPanelsContentGroup {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
  }
  .TabbedPanelsContent {
    overflow: visible !important;
    display: block !important;
    clear:both !important;
  }
  .TabbedPanelsTab {
     overflow: visible !important;
     display: block !important;
     clear:both !important;
  }
}
.news-readmore {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 102;
  width: 23px;
  height: 23px;
}
.news-readmore a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/index/news_readmore.png) no-repeat;
}
.news-readmore a:hover {
  background-color: #EFF3F8;
  color: #194d8c !important;
}
.log {
  width: 77px;
  height: 70px;
  display: block;
  background: url(../images/index/log.png) no-repeat;
  border: 0;
}
.log:hover {
  background-position: center bottom;
}
.register {
  width: 184px;
  height: 45px;
  display: block;
  background: url(../images/index/register.png) no-repeat;
}
.register:hover {
  background-position: center bottom;
}
.servers ul {display: block; float: left; width: 270px; margin: 0px 9px 0px 9px;}
.servers ul li {display: block; float: left; width: 50%; margin: 5px 0px;}
.servers ul li:nth-child(1) {width: 100%;}
.servers ul li:nth-child(1) a {
  width: 262px;
  height: 56px;
  background: url(../images/index/servers_li_first.png) no-repeat;
  font-size: 15px;
  line-height: 56px;
}
.servers ul li a {
  display: block;
  width: 129px;
  height: 48px;
  margin: 0 auto;
  background: url(../images/index/servers_li.png) no-repeat;
  color: #a4d0ed;
  text-align: center;
  line-height: 48px;
  font-size: 14px;
  text-transform: uppercase;
}
.servers ul li a:hover {
  color: #34B8EC;
}
.servers .sv_readmore {
  display: block;
  float: left;
  width: 100%;
  margin: 10px 0px;
}
.servers .sv_readmore a {
  color: #fff;
  text-decoration: none;
  background: url(../images/index/bg_sv_readmore.png) no-repeat;
  text-align: center;
  display: block;
  width: 104px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  font-size: 13px;
  text-transform: uppercase;
}
.servers .sv_readmore a:hover {
  color: #DEDC8A;
}
.char {
  display: block;
  float: left;
  width: 713px;
  height: 271px;
  margin-top: 10px;
  background: url(../images/index/bg_char.jpg) no-repeat;
  position: relative;
}
.char .char_menu {
  display: block;
  width: 575px;
  height: 42px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.char_menu ul {
  display: block;
  float: left;
  width: 100%;
}
.char_menu ul li {
  float: left;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
  font-size: 14px;
  width: 120px;
  text-align: center;
  outline: none;
  color: #fff !important;
  font-weight: normal;
  text-transform: uppercase;
  height: 42px;
  line-height: 40px;
}
.char_menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}
.char_menu ul li.active a {
  color: #bf3500 !important;
  width: 100%;
  height: 100%;
  display: block;
}
.char_mn.active {
  background: url(../images/index/news_hover.png) no-repeat center bottom;
}
.char .char_detail {display: none; float: left; width: 713px; height: 271px;}
.char .char_detail.active {display: block;}
.char #char_thienco {background: url(../images/index/char_thienco.png) no-repeat;}
.char #char_dichkiem {background: url(../images/index/char_dichkiem.png) no-repeat;}
.char #char_hoanghoa {background: url(../images/index/char_hoanghoa.png) no-repeat;}
.char #char_mianh {background: url(../images/index/char_mianh.png) no-repeat;}
.fanpage {
  display: block;
  float: left;
  width: 288px;
}
.fanpage .info {
  display: block;
  float: left;
  width: 288px;
  height: 230px;
}
.images {
  display: block;
  float: left;
  width: 1000px;
  margin-top: 10px;
}
.images .images_title {
  display: block;
  float: left;
  width: 1000px;
  height: 46px;
  background: #174D8B;
  line-height: 46px;
  text-indent: 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}
.images .images_content {
  display: block;
  float: left;
  width: 100%;
  background: #f8f8f8;
}
.logined {display: block; float: left; padding: 30px 20px; line-height: 22px}
.logined .logined-group {display: block; float: left; width: 100%; margin-bottom: 10px;}
.logined .logined-group a {color: #9AB969; font-size: 14px;}
.logined .logined-group a:hover {color: #C88814;}
.logined .logined-group strong {
  color: #D8CFD8;
  font-size: 15px;
  font-weight: normal;
}
.logined .logined-group a.exit {color: #FF3A00;}

.content .center .title {
  background: #194d8c;
  background-repeat: no-repeat;
  height: 72px;
  width: 636px;
  padding-left: 70px;
  background: url(../images/index/bg_title_detail.jpg) no-repeat;
}
.content .center .post {
  width: 684px;
  min-height: 533px;
  background-color: #eff3f8;
  border: thin solid #cecfe3;
  padding: 10px;
  display: block;
  float: left;
}
.title .site {
  font-size: 15px;
  color: #fff;
  float: left;
  text-transform: uppercase;
  line-height: 72px;
}
.title .site a {color: #fff;}
.title .site a:hover {color:  #D6D64E;}
.post table a { color: #000;}
.post table a:hover {color: red;}

.post .list {
  font-size: 14px;
  line-height: 30px;
  height: 30px;
  width: 660px;
  margin-right: auto;
  margin-left: auto;
  border-bottom-width: thin;
  border-bottom-style: dotted;
  border-bottom-color: #999;
}

.pagination{height: 30px;margin: 20px auto;}
.pagination ul li{border: 1px solid #ca1a16;float: left;height: 22px;line-height: 22px;margin: 0 4px;}
.pagination ul li.active, .pagination ul li:hover{background: #ca1a16;border: 1px solid #ca1a16;color: #fff;}
.pagination ul li.active{padding:0 6px;}
.pagination ul li a{color: #4c4c4c;font-size: 13px;font-weight: bold;display:block;padding: 0 6px;}
.pagination ul li a:hover{color: #fff;}
.pagenext, .pageprev{display: none;}

.post .content-detail {
    display: block;
    width: 100%;
    height: 100%;
}
.post .content-detail p {
    line-height: 24px;
    font-size: 13px;
}
.post .content-detail img {
    max-width: 100%;
}

.thread {
  float: left;
  width: 100%;
  font-family: arial;
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a7a6a6;
}
.thread a{display:block;float:left;}
.rthread {
  float: left;
  width: 475px;
  margin: 0 0 0 16px;
  font-family: arial;
}
.rthread a {
  float: left;
  width: 100%;
  display: block;
  color: #194d8c;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  font-size: 15px;
}
.rthread a:hover {
  color: #789DEF;
}
.tdate{float:left;clear: both;color:#656565;font-size:14px;}

.ttitle{float:left;color:#f00;font-size: 14px;}
.tcontent {
  color: #4f4f50 !important;
  max-height: 66px;
  display: block;
  float: left;
  width: 100%;
  overflow: hidden;
  margin: 10px 0px;
  font-size: 14px;
}

a.btn_more {
  background: #2d3149;
  width: 90px;
  height: 30px;
  display: block;
  margin: 5px 0 0 18px;
  float: right;
  line-height: 30px;
  text-align: center;
  color: #fff;
  border: 1px solid #636262;
  font-size: 14px;
}
a.btn_more:hover {
  color: #7DC2C5;
}
.thread img {
  border: 2px solid #88aacb;
}