body { font: 13px "tahoma"; margin: 0; padding: 0; color:#232323; background:#E5E5E5; } h1, h2, h3, h4, h5, h6, p, form, ul, ul li, ol, ol li, dl, dl dt, dl dd, blockquote { margin: 0; padding: 0; } img { border: 0 none; } a { outline: 0 none; } a:link, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } fieldset { background: none repeat scroll 0 center transparent; border: 0 none; margin: 0; padding: 0; } fieldset{ border: 1px solid #C36E60; margin: 20px 0px; padding-left: 10px; padding-right: 10px; } fieldset legend{ color:#B00000; font-weight: bold; padding: 0 15px; } input, select, textarea { font: 13px/19px Tahoma,Arial,Verdana,sans-serif; } input[type="image"], input[type="submit"] { outline: 0 none; } input { margin: -1px -2px; vertical-align: baseline; } html > body input { margin: 0; vertical-align: text-bottom; } object, embed { outline: 0 none; } #wrapper{ width:100%; height:auto; clear: both; margin-top: 32px; } #wrapper .bg1{ width:100%; height:980px; background:url(../img/bg-home-4-1-2017.jpg) no-repeat center 65px #e5e5e5; } #wrapper .bg2{ /* width:100%; height:469px; background:url(../img/bg-bottom-24-10-2016.jpg) no-repeat center top #e5e5e5;*/ } #wrapper .container-main{ clear: both; color: #181516; margin: auto; min-height: 200px; width: 100%; background : url(../img/bg_f.jpg) no-repeat center bottom; } #wrapper .container-main .container{ position: relative; } #wrapper .container-main .container .slogan{ position: absolute; left: -75px; top: 130px; width: 461px; height: 188px; /*background : url(../img/slogan-new.png) no-repeat center;*/ } #wrapper .container-main .border-head{ background-color: #0b1224; height: 65px; width: 100%;position:absolute} /* #wrapper .container{ width:980px; min-height:10px; overflow:hidden; margin : auto; } */ #wrapper .container{ width:980px; min-height:10px; margin : auto; } #wrapper .container #header{ width:100%; height:433px; position:relative; } /* #wrapper .container #header{ width:100%; height:433px; } */ #wrapper .container #header .search{ width:392px; height:114px; float:left; } #wrapper .container #header .search .search_form{width: 350px;height:32px;background:#FFF;border:1px solid #d7d7d7;margin-top:32px} #wrapper .container #header .search .search_but{cursor:pointer ;background:url(../img/s.png) no-repeat center center #e8645a;float:left;height: 32px;width: 48px;border:none;} #wrapper .container #header .search .search_input{width:302px;height:30; float:left;border:none;line-height:30px;text-align:center} #wrapper .container #header .search .masqueen{width:inherit;height:inherit;margin-top:10px;font-size:13px} #wrapper .container #header .banner{ width:350px; height:88px; padding:13px 0; float:left; } #wrapper .container #header.banner a{ width:inherit; height:inherit; display:block; } #wrapper .container #header .logo{ width:270px; height:165px; float:left; background:url(../img/logo.png) no-repeat center 10px; left:-50px; position:relative;z-index:1; } #wrapper .container #header .logo a{ width:100%; height:100%; display:block; } #wrapper .container #header .menu{ width:710px; height:65px; float:left; background-color:#0b1224; } #wrapper .container #header .menu .menu-ul{ width:100%; height:65px; clear:both; list-style:none; } #wrapper .container #header .menu .menu-ul .menu-li{ width:118px; height:65px; line-height:35px; float:left; position:relative; z-index:10; } #wrapper .container #header .menu .menu-ul .menu-li.menu1 > a{background:url(../img/icon_menu.png) no-repeat 41px 10px; } #wrapper .container #header .menu .menu-ul .menu-li.menu2 > a{background:url(../img/icon_menu.png) no-repeat -77px 10px; } #wrapper .container #header .menu .menu-ul .menu-li.menu3 > a{background:url(../img/icon_menu.png) no-repeat -195px 10px; } #wrapper .container #header .menu .menu-ul .menu-li.menu4 > a{background:url(../img/icon_menu.png) no-repeat -313px 10px; } #wrapper .container #header .menu .menu-ul .menu-li.menu5 > a{background:url(../img/icon_menu.png) no-repeat -431px 10px; } #wrapper .container #header .menu .menu-ul .menu-li.menu6 > a{background:url(../img/icon_menu.png) no-repeat -549px 10px; } #wrapper .container #header .menu .menu-ul .menu-li.menu1:hover > a{background:url(../img/icon_menu.png) no-repeat 43px -47px; } #wrapper .container #header .menu .menu-ul .menu-li.menu2:hover > a{background:url(../img/icon_menu.png) no-repeat -75px -47px; } #wrapper .container #header .menu .menu-ul .menu-li.menu3:hover > a{background:url(../img/icon_menu.png) no-repeat -193px -47px; } #wrapper .container #header .menu .menu-ul .menu-li.menu4:hover > a{background:url(../img/icon_menu.png) no-repeat -311px -47px; } #wrapper .container #header .menu .menu-ul .menu-li.menu5:hover > a{background:url(../img/icon_menu.png) no-repeat -429px -47px; } #wrapper .container #header .menu .menu-ul .menu-li.menu6:hover > a{background:url(../img/icon_menu.png) no-repeat -547px -47px; } #wrapper .container #header .menu .menu-ul .menu-li:hover{background:url(../img/menu_hover.png) repeat-x;} #wrapper .container #header .menu .menu-ul .menu-li a{ width:118px; height:inherit; display:block; font-size:15px; color : #FFF; text-align:center; position:relative; line-height:98px; font-family: 'UVNMangTre'; text-transform: uppercase; } #wrapper .container #header .menu .menu-ul .menu-li a:hover{text-decoration:none;color:#87e9f9;} #wrapper .container #header .menu .menu-ul .menu-li .menu-child{z-index:999;left:0;display:none;position:absolute;width : 118px;min-height:0px;background:url(../img/menu_child.jpg) no-repeat center bottom #e4fafe;padding-bottom:10px;} #wrapper .container #header .menu .menu-ul .menu-li .menu-child .menu-child-li{width:inherit;height:30px;list-style:none;background:url(../img/buleet.png) no-repeat 10px center;} #wrapper .container #header .menu .menu-ul .menu-li .menu-child .menu-child-li:hover{} #wrapper .container #header .menu .menu-ul .menu-li .menu-child .menu-child-li a{line-height:30px;text-transform:none;text-align:left;text-indent:25px;color:#484848;font-weight:normal} #wrapper .container #header .menu .menu-ul .menu-li .menu-child .menu-child-li a:hover{color :#1d6b91;} /***************************** main *******************************/ #wrapper .container #main{width:100%;min-height:600px;clear:both;margin-bottom:80px;overflow:hidden;} #wrapper .container #main .main-left{width:270px;min-height:200px;float:left;margin-right:20px;margin-top: 7px;} #wrapper .container #main .main-left .block-left{width:100%;min-height:20px;clear:both;margin-bottom:0;background:#060a13;} #wrapper .container #main .main-left .block-left .play{ overflow:hidden;position:relative;width:270px;height:162px;background:url(../img/play.gif) no-repeat center top;} /*#wrapper .container #main .main-left .block-left .play .web{position:absolute;top:-103px;width:100%;height:102px;background:url(../img/play_hover.jpg) no-repeat center top;}*/ /*#wrapper .container #main .main-left .block-left .play .client{position:absolute;top:163px;width:100%;height:62px;background:url(../img/play_hover.jpg) no-repeat center -101px;}*/ /*#wrapper .container #main .main-left .block-left .play .web:hover{width:100%;height:103px;background:url(../img/play_hoverr.jpg) no-repeat center top;}*/ /*#wrapper .container #main .main-left .block-left .play .client:hover{width:100%;height:62px;background:url(../img/play_hoverr.jpg) no-repeat center -101px;}*/ #wrapper .container #main .main-left .block-left .play a{width:100%;height:100%;display:block} #wrapper .container #main .main-left .block-left .boxtk{width:270px;min-height:50px;clear:both;overflow:hidden;} #wrapper .container #main .main-left .block-left .boxtk .item{width:132px;float:left;height:52px;margin-left:2px;margin-top:2px;} #wrapper .container #main .main-left .block-left .boxtk .item a{width:100%;height:100%;display:block;} #wrapper .container #main .main-left .block-left .boxtk .item.res{background:url(../img/dk_nt.jpg) no-repeat ;} #wrapper .container #main .main-left .block-left .boxtk .item.pay{background:url(../img/dk_nt.jpg) no-repeat -132px 0px ;} #wrapper .container #main .main-left .block-left .boxtk .item.res:hover{background:url(../img/dk_nt.jpg) no-repeat 0px -53px;} #wrapper .container #main .main-left .block-left .boxtk .item.pay:hover{background:url(../img/dk_nt.jpg) no-repeat -132px -53px;} #wrapper .container #main .main-left .block-left .boxtk .item a{width:inherit;height:inherit;display:block;color:#fff;line-height:45px;} /*formLogin*/ #wrapper .container #main .main-left .block-left .boxtk .form-login{width:100%;min-height:30px;text-align:center;margin-top:15px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .container-txt{width:188px;height:70px;text-align:center;float:left} #wrapper .container #main .main-left .block-left .boxtk .form-login .login-txt{clear:both;width:163px;height:28px;border:none;border-radius:1px;text-align:center;line-height:30px;background:#FFF;color:#05101d;margin-bottom:9px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .container-but{width:77px;height:70px;float:left} #wrapper .container #main .main-left .block-left .boxtk .form-login .container-but .but-login{width:66px;height:66px;background:url(../img/btn_login.jpg) no-repeat 0px 0px;border:none;} #wrapper .container #main .main-left .block-left .boxtk .form-login .container-but .but-login:hover{background:url(../img/btn_login.jpg) no-repeat -68px 0px;border:none;cursor:pointer;} /*openID*/ #wrapper .container #main .main-left .block-left .boxtk .form-login .l-more{width:25px;height:30px;float:left;margin-right:4px;margin-top:12px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .l-more.f{background:url(../img/icon_openid.png) no-repeat 0 0px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .l-more.g{background:url(../img/icon_openid.png) no-repeat -56px 0px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .l-more.y{background:url(../img/icon_openid.png) no-repeat -28px 0px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .l-more.d{background:url(../img/icon_openid.png) no-repeat -83px 0px;} #wrapper .container #main .main-left .block-left .boxtk .form-login .l-more a{width:inherit;height:inherit;display:block;color:#fff} #wrapper .container #main .main-left .block-left .boxtk .select-server{display:block;background:url(../img/btn_select.jpg) no-repeat center;width: 66px;height: 66px;float: right;margin: 15px 15px 0 0;} #wrapper .container #main .main-left .block-left .boxtk .select-server:hover{background:url(../img/btn_select_hover.jpg) no-repeat center;} #wrapper .container #main .main-left .block-left .boxtk select{width: 90%;margin: 0 4% 10px;height: 25px;background-color: #1E9AD0;color: #fff;} #wrapper .container #main .main-left .block-left .boxtk .history {margin-bottom: 10px; } #wrapper .container #main .main-left .block-left .boxtk .history .mc {height: 25px; } #wrapper .container #main .main-left .block-left .boxtk .history .mc h3 {height: 25px;line-height: 25px;background: #0b1224;color: #b4b4b4;font-size: 12px;width: 227px;padding-left: 10px;float: left; } #wrapper .container #main .main-left .block-left .boxtk .history .mc span.ic {display: block;width: 26px;height: 25px;background: url(../img/icon_xo.png) no-repeat center center;float: left;line-height: 25px;text-indent: -999999px;cursor: pointer; } #wrapper .container #main .main-left .block-left .boxtk .history .li {width: 237px;background: #05566f; } #wrapper .container #main .main-left .block-left .boxtk .history .li ul {width: 227px;padding: 8px 0px 8px 10px; } #wrapper .container #main .main-left .block-left .boxtk .history .li ul li {padding-left: 15px;background: url(../img/icon_left.png) no-repeat 0px 50%; } #wrapper .container #main .main-left .block-left .boxtk .history .li ul li a {font-size: 12px;color: #fff; } /*listServer*/ #wrapper .container #main .main-left .block-left .boxtk .title-server{width:100%;height:35px;background:url(../img/bg_ts.png) no-repeat center 0px;color:#a7e7ff;text-transform:uppercase;text-align:center;font-size:14px;font-weight:bold;line-height:30px;} #wrapper .container #main .main-left .block-left .boxtk .server{width:100%;min-height:325px;clear:both;overflow:hidden;} #wrapper .container #main .main-left .block-left .boxtk .server .item-hot{width:250px;height:49px;background:url(../img/server_bg.jpg) no-repeat left top;margin:5px auto 0;clear:both} #wrapper .container #main .main-left .block-left .boxtk .server .container-item{min-height:275px;clear:both;padding: 5px 11px;} #wrapper .container #main .main-left .block-left .boxtk .server .item{margin-left:5px;margin-bottom:4px;width:118px;height:49px;background:rgba(0, 0, 0, 0) url("../img/bg_server.jpg") no-repeat scroll -1px -60px;} #wrapper .container #main .main-left .block-left .boxtk .server .item span{width:5px;height:5px; display:inline-block;margin-left:5px} #wrapper .container #main .main-left .block-left .boxtk .server .item span.red{background:red;} #wrapper .container #main .main-left .block-left .boxtk .server .item span.yellow{background:yellow;} #wrapper .container #main .main-left .block-left .boxtk .server .item span.blue{background:#00c8ff;} #wrapper .container #main .main-left .block-left .boxtk .server .item-hot a{width:100%;height:100%;display:block;color:#FFF;font-size:18px;text-indent:85px;text-shadow:1px 1px 1px #000;font-weight:bold;line-height:52px;clear:both;} #wrapper .container #main .main-left .block-left .boxtk .server .item a{width:100%;height:100%;display:block;color:#FFF;font-size:14px;text-indent:15px;text-shadow:1px 1px 1px #000;font-weight:bold;line-height:50px;clear:both;} #wrapper .container #main .main-left .block-left .boxtk .server .item a:hover,#wrapper .container #main .main-left .block-left .boxtk .server .item-hot a:hover{text-decoration:none;color:#f4c06d} #wrapper .container #main .main-left .block-left .boxtk .menu-server{width:271px;height:28px;clear:both;background:#060a13;padding:0px;margin:auto;margin-bottom:15px;margin-top:5px;border: 1px solid #094a6f;} #wrapper .container #main .main-left .block-left .boxtk .menu-server .menu-ul{width:200px;height:29px;background:#060a13;float:left;} #wrapper .container #main .main-left .block-left .boxtk .menu-server .menu-ul .menu-li{width:65px;height:100%;float:left;list-style:none;border-right:1px solid #9bd2dc} #wrapper .container #main .main-left .block-left .boxtk .menu-server .menu-ul .menu-li a{width:inherit;height:inherit;display:block;line-height:25px;text-align:center;color:#9bd2dc;} #wrapper .container #main .main-left .block-left .boxtk .menu-server .menu-ul .menu-li a:hover{color:#FFF;text-decoration:none;} #wrapper .container #main .main-left .block-left .boxtk .menu-server .arrow {width:32px;height:29px;float:left;cursor:pointer;} #wrapper .container #main .main-left .block-left .boxtk .menu-server .arrow.prev{background:url(../img/arrow.png) no-repeat 11px 9px;} #wrapper .container #main .main-left .block-left .boxtk .menu-server .arrow.next{background:url(../img/arrow.png) no-repeat -25px 9px;} .last{border:none !important;} /*Hotline*/ #wrapper .container #main .main-left .block-left.none{background:none;} #wrapper .container #main .main-left .block-left .hot-line{margin-top:-15px;width:107%;height:100px;background:url(../img/hotline.png) no-repeat 0px 0px;} #wrapper .container #main .main-left .block-left .hot-line .number{width:100%;height:72px;display:block;color:#FFF;font-size:28px;text-indent:20px;text-shadow:1px 1px 1px #000;font-weight:bold;line-height:97px;clear:both;} #wrapper .container #main .main-left .block-left .hot-line .price{text-indent:20px;font-size:14px;} /*facebook*/ #wrapper .container #main .main-left .block-left .facebook{width:100%;height:112px;margin: 0 0 0 10px;position: relative;} #wrapper .container #main .main-left .block-left .facebook .box-like {padding: 0; height: 100%; } #wrapper .container #main .main-left .block-left .facebook .box-like img{background: #fff;border: 3px solid #b02b02; width: 35%; margin: 10px 0;float: left;} #wrapper .container #main .main-left .block-left .facebook .box-like h3 {position: absolute;left: 110px;top: 30px; color: #81bdf4;font-family: Tahoma;font-size: 14px; } #wrapper .container #main .main-left .block-left .facebook .box-like .fb-like{position: absolute;left: 110px;top: 60px; width: 55%; overflow: hidden;} /*news left*/ #wrapper .container #main .main-left .block-left .menu-new-left{width:100%;clear:both;} #wrapper .container #main .main-left .block-left .menu-new-left .menu-ul{width:100%;height:30px;background:#060a13;clear:both;} #wrapper .container #main .main-left .block-left .menu-new-left .menu-ul .menu-li{width:100px;height:30px;float:left;list-style:none} #wrapper .container #main .main-left .block-left .menu-new-left .menu-ul .menu-li:hover,#wrapper .container #main .main-left .block-left .menu-new-left .menu-ul .menu-li.active{border-bottom:3px solid #c74f01;height:27px;} #wrapper .container #main .main-left .block-left .menu-new-left .menu-ul .menu-li a{width:inherit;height:inherit;display:block;line-height:25px;text-align:center;color:#FFF;font-size:14px;} #wrapper .container #main .main-left .block-left .menu-new-left .menu-ul .menu-li a:hover{text-decoration:none;} #wrapper .container #main .main-left .block-left .menu-new-left .container-news{width:100%;height:141px;background:url(../img/bg_newskisd.png) no-repeat 0px 0px #dfdede;} #wrapper .container #main .main-left .block-left .menu-new-left .container-news .ul-news{display:none;width:100%;height:141px;clear:both;padding-top:0;} #wrapper .container #main .main-left .block-left .menu-new-left .container-news .ul-news .li-news{width:100%;height:25px;line-height:16px;list-style: none;} #wrapper .container #main .main-left .block-left .menu-new-left .container-news .ul-news .li-news span{float:left;width:5px;height:5px;color:#fff;background:#b82c01;display:inline-block;text-align:center;margin-left:15px;margin-right:7px;margin-top:6px;text-indent: -9999px;} #wrapper .container #main .main-left .block-left .menu-new-left .container-news .ul-news .li-news a{color:#060a13;font-size:13px;} #wrapper .container #main .main-left .block-left .menu-new-left .container-news .ul-news#news-fanpage{height: 707px;overflow: hidden;} /*RIGHT*/ #wrapper .container #main .main-right{width:669px;min-height:200px;float:left;margin-top:7px;margin-left:-1px;} #wrapper .container #main .main-right .tip{width:100%;height:35px;background:#0b1224;} #wrapper .container #main .main-right .tip span{color:#FFF;line-height:35px;height:35px;width:580px;display:inline-block} #wrapper .container #main .main-right .tip span.H{ text-transform: uppercase;text-indent: 45px; line-height: 55px;float:left;margin-top:-9px;height:40px;width:73px;background:url(../img/icon_m.png) no-repeat 6px -15px;display:inline-block;color:#fc7700;} #wrapper .container #main .main-right .block-right{width:100%;min-height:30px;clear:both;clear:both;overflow:hidden;margin-bottom:15px} /*news*/ #wrapper .container #main .main-right .block-right .slide{width:669px;height:195px;} #wrapper .container #main .main-right .block-right .news{width:100%;min-height:100px;clear:both;} #wrapper .container #main .main-right .block-right .news > .title{width:100%;height:55px;background:#060a13;line-height:30px;text-transform:uppercase;color:#FFF;font-weight:bold;font-size:13px;text-indent:25px;} #wrapper .container #main .main-right .block-right .news .title .news-ul{width:445px;height:55px;list-style:none;float:left} #wrapper .container #main .main-right .block-right .news .title .news-ul .news-li{height:55px;width:135px;float:left;line-height:15px;font-size:12px;padding:3px 0} #wrapper .container #main .main-right .block-right .news .title .news-ul .news-li.active,#wrapper .container #main .main-right .block-right .news .title .news-ul .news-li:hover{background:url(../img/hover_news.png) repeat-x;} #wrapper .container #main .main-right .block-right .news .title .news-ul .news-li a{line-height:50px;color:#f4c06d; width:100%;height:60px;display:block; text-shadow:1px 1px 1px #6d1700;} #wrapper .container #main .main-right .block-right .news .title .news-ul .news-li.active a,#wrapper .container #main .main-right .block-right .news .title .news-ul .news-li:hover a{text-decoration:none;color:#FFF ;background:url(../img/but.png) no-repeat center bottom;} #wrapper .container #main .main-right .block-right .news .title .news-ul .news-li.readmore:hover{background: none;} #wrapper .container #main .main-right .block-right .news .title .news-ul .news-li.readmore a:hover{background: none;} #wrapper .container #main .main-right .block-right .news .search{width:220px;height:41px;float:left;margin-top:14px;} #wrapper .container #main .main-right .block-right .news .search .search_input {border: medium none;float: left;line-height: 30px;text-align: center;width: 185px;height:27px;} #wrapper .container #main .main-right .block-right .news .search .search_but {background: url("../img/icon_m.png") no-repeat 2px -60px #cc4902;border: medium none;cursor: pointer;float: left;height: 27px;width: 30px;} #wrapper .container #main .main-right .block-right .news .content-news{overflow:hidden;display:none;width:100%;height:245px;clear:both;background:url(../img/bg_news.jpg) no-repeat 0px -55px;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul{width:99%;height:55px;list-style:none;padding:20px;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul > .news-li{line-height:28px;min-height:30px;width:95%;border-bottom:1px dotted #878787;font-size:12px;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li a{color:#3b3939;font-size:14px;line-height:30px} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .details-news{display:none;width:100%;height:85px;clear:both;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .image{margin:0 15px 0 0px;width:108px;height:68px;float:left;border:1px solid #000;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .image img{width:100%;height:100%;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .title{width:504px;height:23px;float:left;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .title h2{line-height: 1;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .title span,#wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li span{float:right;font-weight:normal;font-size:14px;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .title a{line-height:14px;color:#cc4902 !important;font-size:15px;height:100%;display:inline-block;font-weight: bold;} #wrapper .container #main .main-right .block-right .news .content-news .news-ul .news-li .description{font-size:14px;width:440px;height:55px;float:left;line-height:18px;} #wrapper .container #main .main-right .block-right .news.newss_details .content-news{overflow:initial;display:block;height: auto;background: none;} .tipp{height:15px;width:100%;} /* 1. XỬ LÝ SLIDE NẾU NÓ NẰM GIỮA NEWS VÀ RIGHT (hoặc ẩn nó để test) */ /* #wrapper .container #main .main-right .block-right .slide { */ /* display: none !important; */ /* Bỏ comment dòng này để test */ /* } */ /* 2. Đảm bảo không có khoảng trống dưới News */ #wrapper .container #main .main-right .block-right .news { width: 100%; min-height: 100px; clear: both; margin-bottom: 0 !important; /* Rất quan trọng */ } /* 3. CONTAINER .right (Chứa BXH và các item tính năng) */ #wrapper .container #main .main-right .block-right .right { width: 100%; min-height: auto; float: none; clear: both; /* Quan trọng để đảm bảo nó xuống dòng sau .news (hoặc .slide nếu .slide ở trên .news) */ box-sizing: border-box; margin-top: 0 !important; /* Rất quan trọng */ } /* 4. Bảng Xếp Hạng */ #wrapper .container #main .main-right .block-right .right .box.bxh { width: 100% !important; height: 418px; /* Bắt đầu với margin-top: 0; rồi điều chỉnh nếu cần một chút xê dịch lên */ margin-top: 0; /* Hoặc một giá trị âm nhỏ như -5px nếu cần */ background-color: #440000; box-sizing: border-box; clear: both; overflow: hidden; } /* CSS cho các thành phần con của BXH (title, content-bxh, table, thead, tbody, td) giữ nguyên */ #wrapper .container #main .main-right .block-right .right .box.bxh .row-select { padding: 0 10px; } #wrapper .container #main .main-right .block-right .right .box.bxh .title { width: 100%; height: 60px; text-align: center; text-transform: uppercase; font-weight: bold; color: #00d6ff; line-height: 75px; text-shadow: 1px 1px #000; } #wrapper .container #main .main-right .block-right .right .box.bxh .select-box { width: 45%; height: 25px; background: #0b1224; border: none; color: #FFF; text-align: center; margin-right: 10px; } #wrapper .container #main .main-right .block-right .right .box.bxh .content-bxh { width: 100%; height: 313px; background: url(../img/bxh_update.png) no-repeat center; } #wrapper .container #main .main-right .block-right .right .box.bxh table { width: 100%; } #wrapper .container #main .main-right .block-right .right .box.bxh table thead th { color: #00d6ff; font-size: 9pt; padding: 8px 0 8px 15px; text-align: left; vertical-align: middle; } #wrapper .container #main .main-right .block-right .right .box.bxh table thead th:first-child { width: 30px; padding-left: 5px; text-align: center; } #wrapper .container #main .main-right .block-right .right .box.bxh table thead th:nth-child(2) { text-align: center; padding-left: 5px; padding-right: 5px; } #wrapper .container #main .main-right .block-right .right .box.bxh table thead th:last-child { width: 90px; padding-left: 10px; text-align: center; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr td { color: #9fd4ef; padding: 3px 0 6px 25px; line-height: 18px; vertical-align: middle; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr td:first-child { font-weight: bold; padding-left: 0; text-align: center; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr td:nth-child(2) { text-align: center; padding-left: 5px; padding-right: 5px; padding-bottom: 4px; border-bottom: 1px solid rgba(159, 212, 239, 0.25); } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr:last-child td:nth-child(2) { border-bottom: none; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr td:last-child { padding-left: 0; text-align: center; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr._1 td { color: #eb1907; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr._1 td:nth-child(2){ border-bottom-color: rgba(235, 25, 7, 0.25); } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr._2 td { color: #ffba00; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr._2 td:nth-child(2){ border-bottom-color: rgba(255, 186, 0, 0.25); } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr._3 td { color: #00d8ff; } #wrapper .container #main .main-right .block-right .right .box.bxh table tbody tr._3 td:nth-child(2){ border-bottom-color: rgba(0, 216, 255, 0.25); } /* CSS cho các item-tinhnang (Giftcode, Fanpage) nếu chúng nằm trong .right */ #wrapper .container #main .main-right .block-right .right .item-tinhnang { width: 143px; height: 102px; float: left; margin-right: 10px; margin-bottom: 10px; } #wrapper .container #main .main-right .block-right .right .item-tinhnang a{ width: 143px; height: 102px; display: block; } /* Style cụ thể cho .tanthu, .giftcode, .tinhnang, .fanpage và hover giữ nguyên */ #wrapper .container #main .main-right .block-right .right .item-tinhnang.tanthu{background:url(../img/tinhnang.png) no-repeat 0 0;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.giftcode{background:url(../img/tinhnang.png) no-repeat -152px 0;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.tinhnang{background:url(../img/tinhnang.png) no-repeat 0 -110px;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.fanpage{background:url(../img/tinhnang.png) no-repeat -152px -110px;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.tanthu:hover{background:url(../img/tinhnang_hover.png) no-repeat 0 0;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.giftcode:hover{background:url(../img/tinhnang_hover.png) no-repeat -152px 0;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.tinhnang:hover{background:url(../img/tinhnang_hover.png) no-repeat 0 -110px;} #wrapper .container #main .main-right .block-right .right .item-tinhnang.fanpage:hover{background:url(../img/tinhnang_hover.png) no-repeat -152px -110px;} /**************************footer*************************/ /**************************more******************************/ .last{margin:0 0 !important} .more{position:fixed;} .more .top{width:54px;height:104px;border-radius:27px;background:url(../img/icon_m1.png) no-repeat;color:#FFF;text-align:center;cursor:pointer;text-transform:uppercase;line-height:53px;font-size:15px;right:10px;bottom:120px} .more .like{width:90px;height:120px;background:url(../img/bt.png) repeat;color:#FFF;opacity:0.6;border-radius:5px; text-align:center;text-transform:uppercase;line-height:53px;font-size:15px;right:-5px;top:250px;} .gi_hot_banner { position: fixed; width:150px;height:210px; background:url(../img/gihot.png) no-repeat;color:#FFF;text-align:center;cursor:pointer;text-transform:uppercase;line-height:53px;font-size:15px;right:10px !important; top: 471px; } .rau{width:112px;height:200px;background:url(../img/rau.png) no-repeat;position:absolute;top:437px; left: -79px;z-index:11} #wrapper .container-close { height: 31px; } .center { text-align: center; }