* {
    margin: 0;
    padding: 0;
}
body {
    background: none repeat scroll 0 0 #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
}
.Wrapper {
    background: url("../images/bg-server.html") no-repeat scroll center top transparent;
}
.WrapperIn {
    background: url("../images/bg-tk.jpg") no-repeat scroll center top transparent;
}
.Main {
    height: 920px;
    margin: 0 auto;
    padding-top: 5px;
    position: relative;
    width: 1000px;
}
#header {
    height: 100px;
    position: relative;
    width: 100%;
}
a.Logo {
    display: block;
    height: 135px;
    left: 412px;
    position: absolute;
    text-indent: -9999px;
    width: 110px;
	z-index: 10;
}
.Server {
    display: block;
    height: 716px;
    overflow: hidden;
    position: absolute;
    top: 105px;
    width: 100%;
}
ul.MenuLeft {
    display: block;
    float: left;
    left: 41px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    width: 100px;
}
ul.MenuLeft li {
    float: left;
}
ul.MenuLeft li a {
	background: url(../images/menu.jpg) no-repeat;
	display: block;
    text-indent: -9999px;
    width: 80px;
    height: 30px;
	margin: 3px 0 2px 13px;
}
ul.MenuLeft li a.Trangchu:link, ul.MenuLeft li a.Trangchu:visited {
    background-position: 0 0;
}
ul.MenuLeft li a.Trangchu:hover {
    background-position: -80px 0;
}
ul.MenuLeft li a.Napthe:link, ul.MenuLeft li a.Napthe:visited {
    background-position: 0 -30px;
}
ul.MenuLeft li a.Napthe:hover {
    background-position: -80px -30px;
}
ul.MenuLeft li a.Diendan:link, ul.MenuLeft li a.Diendan:visited {
    background-position: 0 -60px;
}
ul.MenuLeft li a.Diendan:hover {
    background-position: -80px -60px;
}
.UserInfo {
    color: #CE9B03;
    float: right;
    padding-right: 250px;
    width: 130px;
}
.User {
    bottom: 12px;
    color: #d7753f;
    font-size: 11px;
    height: 20px;
    line-height: 18px;
    position: absolute;
    left: 580px;
    top: 0;
    width: 200px;
    z-index: 100;
}
.User a:link, .User a:visited {
    color: #d7753f;
}
.User a:hover {
    color: #d7753f;
}
.ServerNew {
	position: absolute;
	overflow: hidden;
	left: 179px;
	top: 94px;
	width: 610px;
	height: 79px;
}
.ServerNew li {
	float: left;
	width: 290px;
	height: 49px;
	line-height: 20px;
	list-style: none;
	margin: 0 10px 0 0;
}
.ServerNew li a:link, .ServerNew li a:visited {
	background: url(../images/server-bg.html) no-repeat;
	display: block;
	font-size: 21px;
	font-weight: bold;
	width: 290px;
	height: 79px;
	position: relative;
	text-decoration: none;
}
.ServerNew li a:hover {
	background-position: 0 -79px;
}
.ServerNew li a .ServerNum {
	color: #f2c869;
	margin: 38px 0 0 18px;
	position: absolute;
}
.ServerNew li a .ServerText {
	color: #fae5b6;
	margin: 38px 0 0 75px;
	position: absolute;
}
.ServerNew li a:hover .ServerNum {
	color: #ffe7b1;
}
.ServerNew li a:hover .ServerText {
	color: #fff;
}
.Flag {
    font-weight: bold;
    height: 150px;
    position: absolute;
    right: 280px;
    text-align: center;
    top: 90px;
    width: 117px;
}
.Flag a:link, .Flag a:visited {
    color: #000000;
    text-decoration: none;
}
.Flag a:hover {
    color: #000000;
    text-decoration: underline;
}
.TitleServer {
    background: url("../images/title-maychu.html") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    left: 176px;
    position: absolute;
    text-indent: -9999px;
    top: 53px;
    width: 190px;
}

ul.ListServer {
    display: none;
	overflow: hidden;
	width: 542px;
	height: 305px;
	position: absolute;
	top: 213px;
	left: 205px;
}
ul.ListServer li {
    float: left;
	width: 261px;
	height: 54px;
	line-height: 20px;
	list-style: none;
	margin: 0 10px 9px 0;
}
ul.ListServer li a:link, ul.ListServer li a:visited {
   background: url(../images/server-new-bg.html) 0 0 no-repeat;
   display: block;
   position: relative;
   text-decoration: none;
   width: 261px;
   height: 54px;
}
ul.ListServer li a:hover {
    background-position: 0 -54px;
}
ul.ListServer .Num {
	background: url(../images/num-bg.html) no-repeat;
	display: block;
	position: absolute;
	width: 21px;
	height: 12px;
	top: 3px;
	left: 3px;
	color: #eda13b;
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}
ul.ListServer .new {
	background: url(../images/icon-new1.html) no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 29px;
	height: 13px;
	top: 3px;
	right: 3px;
}
ul.ListServer .hot {
	background: url(../images/icon-hot.html) no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 29px;
	height: 13px;
	top: 3px;
	right: 3px;
}
ul.ListServer .roleSCD
{
	font-size:12px;
	font-weight:bold;
	color:#FF0;
	top: 10px;
	margin-left:20px;
}
ul.ListServer .valueSCD
{
	font-size:12px;
	color:#FFF;
	top: 10px;
	margin-left:5px;
}
ul.ListServer .ServerID
{
	/*
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:2px;
	margin-right:0px;
	*/
	font-size:13px;
	font-weight:bold;
	display: block;
	position: absolute;
	width: 29px;
	height: 13px;
	bottom: 12px;
	right: 4px;
}
ul.ListServer .Name {
	color: #ffcd8b;
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	display: block;
	top: 15px;
	left: 90px;
}
ul.ListServer .level1 {
	background: url(../images/icon-level.html) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 23px;
	height: 9px;
	bottom: 1px;
	left: 120px;
}
ul.ListServer .level2 {
	background: url(../images/icon-level.html) 0 -10px no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 23px;
	height: 9px;
	bottom: 1px;
	left: 120px;
}
ul.ListServer .level3 {
	background: url(../images/icon-level.html) 0 -20px no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	width: 23px;
	height: 9px;
	bottom: 1px;
	left: 120px;
}
ul.ListServer li a:link, ul.ListServer li a:visited {
  
}
.ServerNew .ServerNewIcon {
    background: url("../images/icon-new.html") no-repeat scroll 0 0 transparent;
    display: block;
    height: 76px;
    position: absolute;
    text-indent: -9999px;
	right: 0;
	top: 0;
    width: 40px;
}
.ServerNew li a:hover .ServerNewIcon {
	background-position: -40px 0;
}

#dqc {
	background: url(../images/button-sever2.html) no-repeat;
	background-position: 0 -19px;
	color: #e8be9c;
	width: 70px;
	height: 19px;
	text-decoration: none;
}


.TabServer {
	background-color: #2a0300;
	top: 184px;
    left: 177px;
    overflow: hidden;
    position: absolute;
    width: 590px;
	height: 21px;
	padding-left: 2px;
}
.TabServer .RowServerOuter {
	overflow: hidden;
	float: left;
	/*width: 532px;*/
	width: 550px;
}
.TabServer a, ul.RowServer li.ui-state-active a {
	display: block;
	background: url(../images/button-sever.html) no-repeat;
	color: #c4634b;
}
ul.RowServer {
	width: 10000px;
	margin-left: 0;
}
ul.RowServer li {
    float: left;
	margin: 0 1px 0 0;
}
ul.RowServer li a {
	background-position: 0 0;
	width: 49px;
	height: 19px;
	line-height: 19px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

ul.RowServer li a:hover, ul.RowServer li.ui-state-active a {
	background-position: 0 -19px;
	color: #e8be9c;
	width: 49px;
	height: 19px;
	text-decoration: none;
}

.TabServer .prev {
	background-position: -49px 0;
	width: 28px;
	height: 19px;
	margin: 0 1px 0 0;
	text-indent: -9999px;
	float: left;
}
.TabServer .prev:hover {
	background-position: -49px -19px;
	width: 28px;
	height: 19px;
	margin: 0 1px 0 0;
}
.TabServer .prev.disabled {
	opacity: 0.3;
	cursor: default;
	background-position: -49px 0;
}
.TabServer .next {
	background-position: -77px 0;
	width: 28px;
	height: 19px;
	margin: 0 1px 0 0;
	text-indent: -9999px;
	position: absolute;
	right: 0;
}
.TabServer .next:hover {
	background-position: -77px -19px;
	width: 28px;
	height: 19px;
	margin: 0 1px 0 0;
}
.TabServer .next.disabled {
	opacity: 0.3;
	cursor: default;
	background-position: -77px 0;
}
.BlockNews {
    float: right;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    width: 320px;
}
a.ViewMore:link, a.ViewMore:visited {
    background: url("../images/view-more.jpg") 0 0 no-repeat;
    display: block;
    height: 18px;
    position: absolute;
    right: 8px;
    text-indent: -9999px;
    top: 6px;
    width: 18px;
    z-index: 2;
}
a.ViewMore:hover {
    background: url("../images/view-more.jpg") 0 -18px no-repeat;
}
.BlockNews ul#newsTab {
    background: url("../images/tab-news-bg.gif") no-repeat scroll 0 0 transparent;
    height: 29px;
    margin-bottom: 10px;
    overflow: hidden;
}
.BlockNews ul#newsTab li {
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}
.BlockNews ul#newsTab li a {
    display: block;
	background: url("../images/tab-news.gif") no-repeat;
    display: block;
	text-indent: -9999px;
}
.BlockNews ul#newsTab li a.TinTuc:link, .BlockNews ul#newsTab li a.TinTuc:visited {
	background-position: 0 0;
	width: 79px;
    height: 27px;
	margin: 0 0 0 23px;
}
.BlockNews ul#newsTab li a.TinTuc:hover, .BlockNews ul#newsTab li.ui-state-active a.TinTuc:link, .BlockNews ul#newsTab li.ui-state-active a.TinTuc:visited {
    background-position: 0 -27px;
	width: 79px;
    height: 27px;
	margin: 0 0 0 23px;
}
.BlockNews ul#newsTab li a.Congdong:link, .BlockNews ul#newsTab li a.Congdong:visited {
    background-position: -80px 0;
	width: 106px;
    height: 27px;
	margin: 0 0 0 27px;
	
}
.BlockNews ul#newsTab li a.Congdong:hover, .BlockNews ul#newsTab li.ui-state-active a.Congdong:link, .BlockNews ul#newsTab li.ui-state-active a.Congdong:visited {
    background-position: -80px -27px;
	width: 106px;
    height: 27px;
	margin: 0 0 0 27px;
}
.BlockNews ul.ListNews {
    margin-left: 10px;
    overflow: hidden;
    width: 309px;
}
.BlockNews ul.ListNews li {
    background: url("../images/line-news.jpg") repeat-x scroll left bottom transparent;
    float: left;
    font-size: 12px;
    overflow: hidden;
    width: 305px;
}
.BlockNews ul.ListNews li.Last, .BlockNews ul.ListNews li.First {
    background: none repeat scroll 0 0 transparent;
}
.BlockNews ul.ListNews li a:link, .BlockNews ul.ListNews li a:visited {
    background: url("../images/icon-news.jpg") no-repeat scroll left 9px transparent;
    color: #e49b68;
    display: block;
    height: 22px;
    padding: 2px 3px 0 18px;
}
.BlockNews ul.ListNews li a:hover {
    text-decoration: underline;
}
.BlockNews ul.ListNews li a.Last:link, .BlockNews ul.ListNews li a.Last:visited {
}
.BlockNews ul.ListNews li a.New:link, .BlockNews ul.ListNews li a.New:visited {
    color: #BB3510;
    font-weight: bold;
}

.BoxIframe {
    bottom: 11px;
    display: block;
    height: 173px;
    left: 160px;
    overflow: hidden;
    position: absolute;
    width: 620px;
	
}
.box_frame {
	background: #2f0701;
	width: 620px;
	height: 173px;
}
.Footer {
	bottom: -90px;
	color: rgb(98, 128, 141);
	font-size: 12px;
	height: 290px;
	position: absolute;
	width: 100%;
}
.Footer p {
    bottom: 113px;
    color: #c28757;
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 11px;
    left: 352px;
    position: absolute;
    width: 280px;
}
.Tame {
	background: url(../images/logo-tame.png) no-repeat;
	display: block;
    float: left;
    left: 193px;
    bottom: 118px;
    position: absolute;
    text-indent: -9999px;
    width: 138px;
    height: 40px;
}
.VNG {
	background: url(../images/logo-vng.png) no-repeat;
	display: block;
    float: left;
    left: 140px;
    bottom: 113px;
    position: absolute;
    text-indent: -9999px;
    width: 38px;
    height: 57px;
}
.Rating {
	background: url(../images/rating.png) no-repeat;
	display: block;
    float: left;
    text-indent: -9999px;
    position: absolute;
    right: 197px;
    bottom: 100px;
    width: 157px;
    height: 75px;
}
ul.Share {
    background: url("../images/bg-communic.html") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    left: 150px;
    padding: 5px 0 0 53px;
    position: absolute;
    top: 16px;
    width: 57px;
}
ul.Share li {
    float: left;
    list-style-type: none;
}
ul.Share li a.Facebook:link, ul.Share li a.Facebook:visited {
    background: url("../images/facebook.html") no-repeat scroll left top transparent;
    display: block;
    height: 20px;
    margin: 0 5px 0 0;
    text-indent: -9999px;
    width: 20px;
}
ul.Share li a.Facebook:hover {
    background-position: 0 -20px;
}
ul.Share li a.Zingme:link, ul.Share li a.Zingme:visited {
    background: url("../images/zingme.html") no-repeat scroll left top transparent;
    display: block;
    height: 20px;
    margin: 0 5px 0 0;
    text-indent: -9999px;
    width: 20px;
}
ul.Share li a.Zingme:hover {
    background-position: 0 -20px;
}
ul.Share li a.Diendan:link, ul.Share li a.Diendan:visited {
    background: url("../images/diendan.html") no-repeat scroll left top transparent;
    display: block;
    height: 20px;
    margin: 0 5px 0 0;
    text-indent: -9999px;
    width: 56px;
}
ul.Share li a.Diendan:hover {
    background-position: 0 -20px;
}
.RedText {
    color: #9E1300;
    font-weight: bolder;
}
#sub_spamlink {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    display: none;
    height: 410px;
    position: absolute;
    width: 414px;
    z-index: 1000;
}
.SurveyClose {
    color: #654426;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 10px;
}
/*block server*/
.block-server { overflow:hidden; font-size:12px; padding:-10px 0 0 15px; position:relative;}
	.block-server .top-server a { color:#ffce9f; font-size:15px; font-weight: bold; padding:10px 0 0 10px; display:block; width:190px; height:38px; float:left; margin-right:25px;}
		.block-server .top-server a span { background:#2f0000; padding:2px 5px; font-size:12px; color:#c76449; margin-right:8px;}
	.block-server .top-server p { background:url(bgd-chonmaychu.html) 0 0 no-repeat; width:417px; height:47px; padding:8px 0 0 11px;}
	.block-server .top-server label { color:#AE6625; font-weight:bold; float:left;}
	
	.block-server .top-server .hot { background:url(server-hot.png) 0 0 no-repeat;}
		.block-server .top-server a:hover.hot { background:url(server-hot.png) 0 -48px no-repeat;}
	.block-server .top-server .new { background:url(server-moi.png) 0 0 no-repeat;}
		.block-server .top-server a:hover.new { background:url(server-moi.png) 0 -48px no-repeat;}
	
	.block-server .lst-mota { float:right; margin:8px 30px 8px 0;}
		.block-server .lst-mota li { float:left; margin-right:15px;}
			.block-server .lst-mota li a { padding-left:20px; display:block;}
			.block-server .lst-mota li.tot a { background:url(ico-tot.html) 0 0 no-repeat; color:#2acf22;}
			.block-server .lst-mota li.ganday a { background:url(ico-ganday.html) 0 0 no-repeat; color:#cf8b0a;}
			.block-server .lst-mota li.day a { background:url(ico-day.html) 0 0 no-repeat; color:#f0302f;}
			.block-server .lst-mota li.baotri a { background:url(ico-baotri.html) 0 0 no-repeat; color:#878787;}

.block-server .user-info { position:absolute; top:55px; right:40px; text-align:right;}
	.block-server .user-info h3 a { color:#ffa84b; font-weight:bold;}
		.block-server .user-info h3 a:hover { color:#ff8400;}
	.block-server .user-info p { font-size:11px; color:#ba927f;}
		.block-server .user-info p a { color:#ba927f;}
			.block-server .user-info p a:hover { text-decoration:underline;}