body{
    padding: 0;
    margin: 0;
    background: url("../img/bg_daihoi.jpg") no-repeat  center top #000;
    //background: url("../img/SGK-Landingpage-final-ex.jpg") no-repeat  center top #000;
    font-family: tahoma;
}
a{
    text-decoration: none;
}

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#wrapper{
    width: 1200px;
    margin: 0 auto;
}
.menu {
    text-align: center;
}
.menu li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}
.menu li:first-child:after {
    content: "|";
    position: absolute;
    right: -15px;
}
.logo-wrapper{
    width: 400px;
    margin: 12px auto;
}
.logo-ngocrong{
    display: block;
    width: 310px;
    height: 118px;
    margin: 0 auto;
    padding-bottom: 5px;
}
.menu li a {
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.login li a:hover,
.menu li a:hover{
    color: #e55a00;
}
#login-wrapper{
    background: url('../img/bg_login.png') no-repeat;
    width: 200px;
    height: 30px;
    position: absolute;
    margin-left: 93px;
    margin-top: -12px;
}
.login {
    margin-top: 2px;
}
.login li a{
    font-size: 12px;
    color:#990000;
}
.btn-giftcode{
    display: block;
    float: right;
    height: 105px;
    margin-right: 176px;
    margin-top: -206px;
    width: 110px;
}
#btn-play,.btn-play{
   height: 235px;
    margin: -151px auto;
   text-align: center;
    position: relative;
    width: 250px;
}
.trailer {
    height: 80px;
    margin: 0 auto;
    width: 100px;
}
#video_background{
    height: 80px;
    margin-left: -23px;
    margin-top: 4px;
}
.btn-giftcode a{
    display: block;
    background: url('../img/btn-giftcode.png') no-repeat;
    width: 110px;
    height: 105px;
}
#goku-khilin{
     margin: 119px 289px;
    position: absolute;
    width: 372px;
    z-index: 50;
}
#quirua-cham {
    margin: 68px 215px;
    position: absolute;
    width: 339px;
    z-index: 49;
}
#yam-then {
     margin: -1px -5px;
    position: absolute;
    width: 363px;
    z-index: 10;
}
#nhanvat-left{
    //background: url('../img/nhanvat1.png') no-repeat rgba(0, 0, 0, 0);
    width: 640px;
    float: left;
    position: absolute;
    margin: -155px 0 0 -162px;
    height: 500px;
}
#nhanvat-right{
    //background: url('../img/nhanvat2.png') no-repeat rgba(0, 0, 0, 0);
    width: 640px;
    float: right;
    position: relative;
    margin: -131px -174px;
    height: 500px;
}
#pocolo-popo{
     margin: 14px 9px;
    position: absolute;
    width: 318px;
    z-index: 49;
}
#pilap{
    margin: 190px 163px;
    position: absolute;
    width: 410px;
    z-index: 50;
}

#taopaypay {
    margin: 3px 284px;
    position: absolute;
    width: 196px;
}
#nhanvat-left .nv1{
    width: 110px;
    height: 222px;
    position: absolute;
    margin: 211px 506px;
    cursor: pointer;
    z-index: 99;
}
#nhanvat-left .nv2{
    width: 65px;
    height: 95px;
    position: absolute;
    margin: 96px 453px;
    cursor: pointer;
    z-index: 99;
}
#nhanvat-left .nv3{
    cursor: pointer;
    height: 156px;
    margin: 15px 271px;
    position: absolute;
    width: 65px;
    z-index: 99;
}
#nhanvat-left .nv4{
    cursor: pointer;
    height: 116px;
    margin: 183px 338px;
    position: absolute;
    width: 122px;
    z-index: 99;
}
#nhanvat-left .nv5{
    cursor: pointer;
    height: 124px;
    margin: 313px 388px;
    position: absolute;
    width: 65px;
    z-index: 99;
}
#nhanvat-left .nv6{
     
    cursor: pointer;
    height: 171px;
    margin: 213px 142px;
    position: absolute;
    width: 141px;
    z-index: 99;
}
#nhanvat-right .nv1{
    cursor: pointer;
    height: 222px;
    margin: 211px 317px;
    position: absolute;
    width: 145px;
    z-index: 99;
}

#nhanvat-right .nv3{
    cursor: pointer;
    height: 175px;
    margin: 15px 301px;
    position: absolute;
    width: 65px;
    z-index: 99;
}
#nhanvat-right .nv4{
    cursor: pointer;
    height: 116px;
    margin: 145px 152px;
    position: absolute;
    width: 122px;
    z-index: 99;
}
#nhanvat-right .nv5{
    cursor: pointer;
    height: 124px;
    margin: 295px 200px;
    position: absolute;
    width: 65px;
    z-index: 99;
}
#nhanvat-right .nv6{
    cursor: pointer;
    height: 333px;
    margin: 45px 1px;
    position: absolute;
    width: 141px;
    z-index: 99;
}
#ngoc-rong{
    left: -25px;
    margin: 109px auto;
    position: relative;
    width: 700px;
}
#ngoc-rong ul{
    text-align: center;
}
#ngoc-rong ul li{
     display: inline-block;
    margin: 0 6px;
    position: relative;
}
#lean_overlay {
	position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#popup_giftcode,.popup_giftcode{
    background: url(../img/bg-giftcode.png) no-repeat 100% ; 
    width: 610px;
    height: 190px;
    display: none;
}
#popup, .popup {
    background: url(../img/bg_popup_trieuhoi.png) no-repeat 100% ; 
    width: 830px;
    height: 570px;
    display: none;
}
.close_popup { position: absolute; top: 18px; right: 57px; display: block; width: 25px; height: 25px; background: url(../img/btn-close.png) no-repeat 100%; z-index: 2; }
.text{
    height: 330px;
     margin: 89px 104px;
    width: 344px;
    font-family: open sans;
}
.color-text{
    color:#cc0000;
    font-weight: bold;
}
.text-dieuuoc{
    border: none;
    width: 200px;
    height: 30px;
    text-align: center;
}
.btn-uoc{
     background: url("../img/btn-uoc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 40px;
    position: relative;
    right: 30px;
    top: -5px;
    width: 90px;
}
.text ul{
    padding: 10px 0;
}
.text ul li {
    line-height: 35px;
    cursor: pointer;
}
.show{
    display: block;
}
.hiden,
.gift-ngoc,
.gift-rong,
.gift-goku{
    display: none;
}
.text ul li:hover .gift-rong,
.text ul li:hover .gift-goku,
.text ul li:hover .gift-ngoc{
    display: block;
     margin: -99px -182px;
    position: absolute;
}
.btn-get-giftcode{
    display: block;
    width: 110px;
    height: 40px;
    background: url('../img/btn-xong.png') no-repeat;
    margin: 40px auto;
    position: relative;
    cursor: pointer;
}