@charset "utf-8";
/* CSS Document */
body {
	background:url(../img/bg.jpg) no-repeat #242427 center top;
	font-size:13px;
	color:#FFF;
	overflow-x:hidden;
}
p {margin: 0 !important;}
.tab-content .tab-pane {    
    position: relative;
}
#wrapper {
	width: 1000px;
    height: auto;
    margin: 0 auto;
}
.video-wrap {
    position: relative;
    overflow: hidden;
    left: -460px;
    width: 1920px;
    height: 896px;
    top: -602px;
 z-index: 1;
}
.mouse {
 position: relative;
    z-index: 99;
    display: block;
 background:url(../img/xemchitiet.png) no-repeat;
 width:78px;
 height:87px;
 left: 470px;
    top: -780px;
 -webkit-animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    -moz-animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    -ms-animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    -o-animation: b_t 1s ease-in-out 0s infinite;
    -webkit-animation: b_t 1s ease-in-out 0s infinite;
    -moz-animation: b_t 1s ease-in-out 0s infinite;
    -ms-animation: b_t 1s ease-in-out 0s infinite;
    animation: b_t 1s ease-in-out 0s infinite;
}
.mouse:hover {
 background:url(../img/xemchitiet-hover.png) no-repeat;
  -webkit-animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    -moz-animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    -ms-animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    -o-animation: b_t 0s ease-in-out 0s infinite;
    -webkit-animation: b_t 0s ease-in-out 0s infinite;
    -moz-animation: b_t 0s ease-in-out 0s infinite;
    -ms-animation: b_t 0s ease-in-out 0s infinite;
    animation: b_t 0s ease-in-out 0s infinite;
}
.close-mouse {
 width: 60px;
    height: 60px;
    position: absolute;
    display: block;
    right: 30px;
    z-index: 9;
    margin-top: 30px;
 background:url(../img/btn-close-char.png) no-repeat;
 cursor:pointer;
}
.close-mouse:hover {
 background:url(../img/btn-close-char.png) 0 -60px no-repeat;
}
.mouse-xoa {
 position: relative;
    z-index: 99;
    display: block;
 background:url(../img/clickan.png) no-repeat;
 width:78px;
 height:87px;
 left: 470px;
    top: -780px;
 -webkit-animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    -moz-animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    -ms-animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    animation: b_t 1s ease-in-out 0s infinite 300ms 0 ease;
    -o-animation: b_t 1s ease-in-out 0s infinite;
    -webkit-animation: b_t 1s ease-in-out 0s infinite;
    -moz-animation: b_t 1s ease-in-out 0s infinite;
    -ms-animation: b_t 1s ease-in-out 0s infinite;
    animation: b_t 1s ease-in-out 0s infinite;
}
.mouse-xoa:hover {
 background:url(../img/clickan-hover.png) no-repeat;
 -webkit-animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    -moz-animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    -ms-animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    animation: b_t 0s ease-in-out 0s infinite 300ms 0 ease;
    -o-animation: b_t 0s ease-in-out 0s infinite;
    -webkit-animation: b_t 0s ease-in-out 0s infinite;
    -moz-animation: b_t 0s ease-in-out 0s infinite;
    -ms-animation: b_t 0s ease-in-out 0s infinite;
    animation: b_t 0s ease-in-out 0s infinite;
}
.color-den {
    color: #a80001 !important;
    font-weight: normal;
    font-size: 17px;
    line-height: 35px;
}
#loop-video {
    width: 1920px;
    position: absolute;
    top: 0;

}
.header {height: 897px;}
.logo {
	width: 300px;
    height: 146px;
    background: url(../img/logo.png) no-repeat;
    display: block;
    position: relative;
    top: 43px;
    left: 366px;
    z-index: 99;
}
.menu-top {
    width: 250px;
    height: 16px;
    display: block;
    position: relative;
    left: 400px;
    top: 55px;
    z-index: 100;
	font-weight:bold;
}
.menu-top a {
    float: left;
    padding: 0 8px;
    border-right: 1px solid #000;
	color: #000;
}
.menu-top a:hover, .menu-top a.active {
	color:#F00; 
	text-decoration:underline;
}
.menu-top a:nth-last-child(1) {
    border-right:  0px solid #000;
}
.title {
	background:url(../img/title-huyetchien.png) no-repeat;
	width:670px;
	height:275px;
	display:block;
	position:relative;
    top: 80px;
    left: 186px;
	z-index:10
}
.time {
	background:url(../img/time.png) no-repeat;
	width:241px;
	height:45px;
	display:block;
	position:relative;
    top: 87px;
    left: 398px;
	z-index:10
}
.video {
	width:200px;
	height:120px;
	position:relative;
    top: 95px;
    left: 421px;
    display: block;
    z-index: 100;
}
.content {
	height: auto;
	background: url(../img/bg-top.jpg) repeat-y center 0;
    margin-top: 80px;
}
.nav-menu {
	border-bottom: 0 !important;
    height: 120px;
    width: 1200px;
    position: relative;
    top: -118px;
    left: -77px;
    z-index: 99;
}
.nav-menu li a {padding: 0 !important; cursor:pointer;}

.phanthuong, .lichthidau, .thele, .tintuc, .dangky  {
	margin-right: 0 !important;
    border-radius: 0 !important;
    display: block;
    border: 0 !important;
    position: relative;
}
.thele, .tintuc {
    width: 203px;
    height: 81px;
    top: 39px;
}
.phanthuong, .lichthidau {
    width: 226px;
    height: 98px;
	top: 22px;
}
.dangky {
	width:328px;
	height:120px;
	background:url(../img/dangky.png) no-repeat;
	top: -1px;
    left: -17px;
}
.thele {background:url(../img/btn-thele.jpg) no-repeat;}
.phanthuong {background:url(../img/btn-phanthuong.png) no-repeat; left: 2px;}
.lichthidau { background:url(../img/btn-lichthidau.png) no-repeat; left: -36px;}
.tintuc {
	background:url(../img/btn-tintuc.jpg) no-repeat;     
	left: -34px;
    top: 39px;
}
.thele:hover {background:url(../img/btn-thele.jpg) 0 -81px !important;}
.phanthuong:hover {background:url(../img/btn-phanthuong.png) 0 -98px !important;}
.lichthidau:hover {background:url(../img/btn-lichthidau.png) 0 -98px !important;}
.tintuc:hover {background:url(../img/btn-tintuc.jpg) 0 -81px !important;}
.dangky:hover {background:url(../img/dangky.png) 0 -120px !important;}

.nav-menu>li.active>a.thele, .nav-menu>li.active>a.thele:hover, .nav-menu>li.active>a.thele:focus {
    background:url(../img/btn-thele.jpg) 0 -81px !important;
}
.nav-menu>li.active>a.phanthuong, .nav-menu>li.active>a.phanthuong:hover, .nav-menu>li.active>a.phanthuong:focus {
    background:url(../img/btn-phanthuong.png) 0 -98px !important;
}
.nav-menu>li.active>a.lichthidau, .nav-menu>li.active>a.lichthidau:hover, .nav-menu>li.active>a.lichthidau:focus {
    background:url(../img/btn-lichthidau.png) 0 -98px !important;
}
.nav-menu>li.active>a.tintuc, .nav-menu>li.active>a.tintuc:hover, .nav-menu>li.active>a.tintuc:focus {
    background:url(../img/btn-tintuc.jpg) 0 -81px !important;
}
.nav-menu>li.active>a.dangky, .nav-menu>li.active>a.dangky:hover, .nav-menu>li.active>a.dangky:focus {
    background:url(../img/dangky.png) 0 -120px !important;
}


.nav-menu>li.active>a, .nav-menu>li.active>a:hover, .nav-menu>li.active>a:focus {
    background-color: transparent !important;
    border: 0 !important;
}
.tab-noidung {
	padding: 0px 100px;
    height: auto;
	background:url(../img/bg-main.jpg) repeat-y center 0;
	margin-top: -50px;
}

.title-dangky {
	width:406px;
	height:70px;
	background:url(../img/title-dangky.png) no-repeat;
	display:block;
    margin: 0 auto 20px auto;
    border-bottom: 1px solid #8a8a8a;
}
.nav-dangky>li>a {
    margin-right: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: 166px;
    height: 45px;
}
.ahthiep {background:url(../img/menu-dangky.jpg) 0 0 no-repeat;}
.bdvip {background:url(../img/menu-dangky.jpg) -166px 0 no-repeat;}
.bdthuong {background:url(../img/menu-dangky.jpg) -332px 0 no-repeat;}

.nav-tabs>li.active>a.ahthiep, .nav-tabs>li.active>a.ahthiep:hover, .nav-tabs>li.active>a.ahthiep:focus {
    background:url(../img/menu-dangky.jpg) 0 -45px !important;
}
.nav-tabs>li.active>a.bdvip, .nav-tabs>li.active>a.bdvip:hover, .nav-tabs>li.active>a.bdvip:focus {
    background:url(../img/menu-dangky.jpg) -166px -45px !important;
}
.nav-tabs>li.active>a.bdthuong, .nav-tabs>li.active>a.bdthuong:hover, .nav-tabs>li.active>a.bdthuong:focus {
    background:url(../img/menu-dangky.jpg) -332px -45px !important;
}
.nav-dangky {
    border-bottom: 0 !important;
    width: 530px;
    margin: 0 auto 30px auto;
}
.form-bottom {
    padding: 10px 30px 35px 30px;
    text-align: left;
}
.form-horizontal .margin {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.form-group select {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff6e6;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-radius: 0!important;
    width: 100%;
    border: 1px solid #b39364;
}
input[type="text"], input[type="password"], textarea, textarea.form-control {
    height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff6e6;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
    border-radius: 0!important;
	border: 1px solid #b39364;
}

.float-none {float:none;}
.line {
    background: linear-gradient(90deg, #ebe3d6, #b39364, #ebe3d6);
	    margin-top: 20px;
    MARGIN: 20PX 0;
}
.btn-dangky {
	width: 100%;
    height: 60px;
    border-radius: 0 !important;
    font-size: 21px;
    background: #b90f10 !important;
    border: 1px solid #ff0001 !important;
}
.btn-dangky:hover {background: #de0909 !important;}
.giftcode input {
	height: 60px !important;
}

.vien {
    width: 100%;
    height: 1px;
    display: block;
    background: linear-gradient(90deg, #ebe3d6, #b39364, #ebe3d6);
    float: left;
	    margin-top: 20px;
}
.hotro-gamer {
	width:100%;
	height:auto;
}

.dkchua {
    width: 100%;
    height: auto;
    padding-right: 15px;
    color: #6d1c1c;
    font-size: 14px;
    position: relative;
    top: 20px;
    left: 40%;
	text-decoration:none !important;
	
}
.dkchua span:hover { background:#F60}
.dkchua span {
	padding: 9px;
    background: #d88439;
    color: #fff;
    margin-left: 5px;
}


.left {
	width: 306px;
    height: 449px;
    position: fixed;
    top: 20%;
    z-index: 99;
	background:url(../img/left.png) no-repeat;
}
.menu-left {
	float: left;
    width: 204px;
    height: 115px;
    margin: 43px 0 0 55px;
}
.menu-left a {
	    width: 204px;
    height: 54px;
    float: left;
}
.taigame {background:url(../img/left-btn.jpg) 0 0;}
.taigame:hover {background:url(../img/left-btn.jpg) 0 -54px;}
.diendan {
	background:url(../img/left-btn.jpg) 0 -108px;
	margin-top:5px;
}
.diendan:hover {background:url(../img/left-btn.jpg) 0 -162px;}
.fb {
	width: 200px;
    height: 140px;
    float: left;
    margin-left: 57px;
    margin-top: 17px;
}

.page-footer {
    padding-top: 115px;
    color: #3e3526;
    font-size: 16px;
    background: url(../img/bg-footer.jpg) #242427 bottom center;
}

#footer {
    padding-top:50px;
    height: 190px;
}
#cyou_bottom {
    width: 100%;
    min-width: 980px;
    height: 77px;
    padding: 40px 0;
    zoom: 1;
}
#cyou_bottom, .cyou_bottom_cont p {
    font: normal 12px/22px Tahoma,Geneva,sans-serif;
    color: #8e8e8e;
}
.cyou_bottom_wraper {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0 auto;
}
.cyou_bottom_wraper td {
    height: 77px;
    vertical-align: middle;
}
.cyou_bottom_left {
    text-align: right;
}
.cyou_bottom_left, .cyou_bottom_right {
    padding: 0 5px;
}
.cyou_bottom_cont {
    text-align: left;
    padding: 0 10px;
}
#cyou_bottom, .cyou_bottom_cont p {
    font: normal 12px/22px Tahoma,Geneva,sans-serif;
    color: #8e8e8e;
}
#cyou_bottom a {
    text-decoration: none;
}
#cyou_bottom a {
    color: #fff2cf;
}
.cyou_top_logo a, .cyou_bottom_left a {
    background: url(../img/changyou.jpg) no-repeat;
    width: 138px;
    display: block;
}
.cyou_bottom_right a {
    background: url(../img/changyou.png) no-repeat;
    width: 33px;
    height: 48px;
    display: block;
    margin-top: -17px;
}
.cyou_bottom_left a, .cyou_bottom_right a {
    height: 48px;
    display: inline-block;
    zoom: 1;
    text-align: left;
}

.cd-top {
    display: inline-block;
    height: 53px;
    width: 29px;
    position: fixed;
    bottom: 40px;
    right: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../img/top.png) no-repeat 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s;
	z-index:99;
}

.cd-top:hover {
    background: url(../img/top_hover.png) no-repeat;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s,visibility 0s 0s;
    -moz-transition: opacity .3s 0s,visibility 0s 0s;
    transition: opacity .3s 0s,visibility 0s 0s;
}
.modal-auto {
 width: 817px !important;
    height: 752px !important;
}
.auto-content{
 width:100%;
 height:752px;
 background:url(../img/popup.png) no-repeat;
 display:block;
     border: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.auto-body {padding: 150px 80px 80px 80px !important;}
.auto-close {
 width: 42px;
    height: 42px;
    position: relative;
    z-index: 99;
 background:url(../img/close-popup.png) 0 0  !important;
 opacity: 1 !important;
 top: 40px;
}

.table-bg {background: #fff6e6 !important;}
.table-bg th {color: #460000; font-size:14px;}
.table-bg td {color: #381818;}
.huybo, .xacnhan {
 height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
    position: relative;
    z-index: 9;
    text-decoration: none;
 display:block
}
.huybo { background: #6f6f6f;}
.xacnhan { background: #800;}

.xacnhan:hover {
 background: #b50404;
    text-decoration: none;
    color: #fff;
}
.huybo:hover {
 background: #a0a0a0;
    text-decoration: none;
    color: #fff;
}


@keyframes b_t {
	0% {
	-o-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1
	}
	50% {
	-o-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1
	}
	100% {
	-o-transform:translateY(20px);
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	-ms-transform:translateY(20px);
	transform:translateY(20px);
	opacity:1
	}
}
.show_name {
 width: 220px;
    height: 60px;
    position: absolute;
    display: block;
    right: 15px;
    z-index: 9;
    margin-top: 20px !important;
 color:#C03;
 font-weight:bold;
 font-size:13px;

}