html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 18px; line-height: 30px; background: #ddd; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table tr td{ border-color: #8a8a8a80; } table { border-collapse: collapse; border-spacing: 0; } /* width */ ::-webkit-scrollbar { width: 7px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } a{ color: #045eb2; text-decoration: none; } a:visited{ color: #045eb2; } #web_wrapper{ max-width: 1200px; margin: 0px auto; background: #fff; } #header{ padding: 0px 0px; } #header .menu{ background: #2779c5; display: flex; flex-wrap: wrap; justify-content: space-evenly; } #header .menu > li{ position: relative; list-style: none; } #header .menu > li:hover{ background: #607D8B; } #header .menu > li:hover ul{ display: block; } #header .menu > li ul{ position: absolute; left: 0px; top: 40px; display: none; width: 200px; background: #607D8B; z-index: 1; } #header .menu > li ul a{ font-weight: normal; } #header .menu a{ display: inline-block; line-height: 40px; padding: 0px 10px; font-size: 14px; color:#fff; border-radius: 5px; text-decoration: none; text-transform: uppercase; } #header .logo img{ max-width: 300px; height: auto; display: block; margin: 0px auto; } #header .logo{ text-align: center; padding: 20px 0px; position: relative; } #header .logo .menu-control{ position: absolute; top: calc(50% - 14px); font-size: 30px; right: 20px; cursor: pointer; } @media only screen and (max-width: 768px){ #content{ padding:0px 10px !important } .home-content{ max-height: 350px !important; margin: 0px 0px 0px 0px !important; } #header .logo img{ max-height: 50px !important; } h1{ font-size:20px !important; } .desc{ background: #009688; color: #fff; font-size: 16px; padding: 10px; display: none; margin: 0px -10px 20px -10px !important; } } #content{ padding: 30px 20px 20px 20px; } h1{ font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px; } h2{ font-size: 20px; text-transform: uppercase; font-weight: bold; color:#FF5722; } h3{ font-size: 17px; font-weight: bold; text-transform: uppercase; color:#490808; } h4{ font-size: 18px; font-weight: bold; color:#490808; margin-bottom: 10px; } blockquote{ padding: 15px 15px 1px 15px; font-size: 16px; border: solid 1px; } blockquote .block-heading{ margin: -15px -15px 10px -15px; } .desc{ text-align: center; font-style: italic; margin: 25px auto; max-width: 900px } table td{ border: solid 1px; padding: 5px 10px; font-size: 16px; } strong{ font-weight: bold; } i{ font-style: italic; } table{ width: 100%; } .content-seo.bgcolor{ background: #efefef; } .content-seo{ margin-bottom: 20px; font-size: 18px; border-radius: 5px; } .content-seo .blv-msg{ margin-bottom: 0px !important; padding: 0px 10px !important; } .content-seo .option-match a{ padding: 3px 15px !important; } .content-seo *{ margin-bottom: 15px; } .content-seo a:hover{ color: red; } .content-seo a{ color: red; text-decoration: underline; } .content-seo ul{ padding-left: 20px; } .content-seo ul li{ list-style: disc; margin-bottom: 5px; } .content-seo img{ max-width: 100%; border: solid 1px #ccc; height: auto !important; } .scrolling{ max-height: 500px; overflow-y: scroll; } #footer{ background: #0d2235; padding: 20px; margin-top: 20px; color:#ddd; } #footer .footer_wrapper{ max-width: 1200px; margin: 0px auto; font-size: 16px; } #float-menu{ position: fixed; top: 0px; left: 0px; width: 300px; height: 100%; background: #04161e; z-index: 2; padding: 10px; display: none; overflow-y: scroll; } #float-menu .fl-logo span{ position: absolute; top: 0px; right: 0px; color:#fff; width: 40px; text-align: center; font-size: 30px; cursor: pointer; } #float-menu .fl-logo{ text-align: center; position: relative; } #float-menu .fl-logo img{ max-width: 70%; } #float-menu .fl-menu a{ display: block; border-bottom: solid 1px #555353; line-height: 40px; font-size: 16px; color:#fff; text-transform: uppercase; } #float-menu .fl-menu li{ list-style: none; position: relative; } #float-menu .fl-menu li ul li a{ margin-left: 20px; } #float-menu .fl-menu li ul{ display: none; } #float-menu .fl-menu li span{ position: absolute; top: 0px; right: 0px; width: 35px; text-align: center; line-height: 40px; cursor: pointer; color:#fff; font-size: 30px; } @media only screen and (max-width: 768px){ #header .menu{ display: none !important; } } .center{ text-align: center; } .register-box div{ max-width: 400px; margin: 0px auto; } .register-box { position: fixed; left: 0px; bottom: 0px; width: 100%; background: #0f4e6c; text-align: center; } .register-box .btn{ float:left; width: calc(33%); padding: 5px 0px !important; } .btn{ display: inline-block; padding: 2px 10px; color: #fff !important; text-transform: uppercase; font-size: 13px; border-radius: 5px; text-decoration: none !important; background: green; } .btn.dangky{ background: #ec4040; } .btn.dangnhap{ background: #009688; } .btn.nhanthuong{ background: #3d3dd3; } .menu.second a{ font-weight: normal !important; } .menu.second{ background: #909090 !important; } .banner_page img{ max-width: 100%; margin-top: -10px; } .mobile-show{ display: none; } @media only screen and (max-width: 450px){ .pc-show{ display: none !important; } .mobile-show{ display: block !important; } } .banner_page img{ max-width: 100%; margin-top: -10px; } .mobile-show{ display: none; } @media only screen and (max-width: 450px){ .pc-show{ display: none !important; } .mobile-show{ display: block !important; } } #scrollToTopBtn { display: none; position: fixed; bottom: 80px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } @media(max-width:767px) { #scrollToTopBtn { right: 15px; bottom: 80px; padding: 0; max-width: 30px; } .home-title{ margin-right: 0px !important; margin-left: 0px !important; } .btn{ padding: 2px 5px !important; } h1{ margin-top: 0px !important; } } .home-title{ background: #010555; text-align: center; margin: 0px -20px 0px -20px; line-height: 35px; color:#fff; } .home-title a{ color:#fff; } .home-content{ overflow-y: scroll; max-height: 450px; margin: 10px -10px 0px -10px } .toplist .items .stars .full{ color: #ff5722; font-size: 20px; } .toplist .items .item h4{ margin-bottom: 0px; color: #ffee00; font-size: 22px; } .toplist .items .item:first-child{ border-color: green; } .toplist .items .item:first-child{ background: #08345d; } .toplist .items .item { background: #3a4753; color:#fff; border:solid 1px #ddd; position: relative; padding: 20px; margin-bottom: 20px; border-radius: 5px; box-shadow: -1px -1px 26px -1px rgba(241,113,113,0.31); -webkit-box-shadow: -1px -1px 26px -1px rgba(241,113,113,0.31); -moz-box-shadow: -1px -1px 26px -1px rgba(241,113,113,0.31); } .toplist .items .item:hover{ box-shadow: 0px 2px 39px -9px rgba(231,46,46,1); -webkit-box-shadow: 0px 2px 39px -9px rgba(231,46,46,1); -moz-box-shadow: 0px 2px 39px -9px rgba(231,46,46,1); } .toplist .items .item .part1 img{ max-width: 150px; border: solid 1px #e6e6e6; border-radius: 5px; height: auto; display: inherit; margin-bottom: 0px; } .toplist .items .item .part1{ float:left; width: 20%; margin-bottom: 0px; } .toplist .items .item .btn:first-child{ margin-bottom: 10px; } .nhapnhay_border .part3 a:ntn-child(3){ left: 50%; transform: translateX(-50%); } .toplist .items .item .btn:nth-child(2){ margin-bottom: 10px; } .toplist .items .item .btn{ display: block; text-align: center; } .toplist .items .item .clearmobile{ margin-bottom: 0px; } .toplist .items .item .part3{ margin-bottom: 0px; float:right; width: 13%; } .toplist .items .item .part2{ margin-left: 22%; margin-bottom: 0px; margin-right: 15%; } .part2:after{ content: ""; display: block; clear: both; } .toplist .items .item .part2 .stars, .toplist .items .item .part2 div{ margin-bottom: 0px; } .toplist .items .item .part2 div *{ font-size: 16px; line-height: 20px; margin-bottom: 0px; } .toplist .items .item .stt{ position: absolute; top: -14px; left: 2px; line-height: 34px; background: url("/themes/nhacai_thethao_v1/assets/top.png") no-repeat center center; background-size: cover; width: 40px; height: 45px; font-size: 20px; color:red; text-align: center; font-weight: bold; } .nhapnhay_border{ border: solid 3px; } @media only screen and (max-width:1000px){ .toplist .items .item .part2{ margin-right: 19% !important; } .toplist .items .item .part3{ width: 17% !important; } } .toplist .items .item .part2 div p{ line-height: 25px; } @media only screen and (max-width:768px){ .toplist .items .item .part1{ width: calc(100% - 120px) !important; text-align: center; margin-bottom: 20px; } .clearmobile{ clear:both; } .toplist .items .item .part2 div{ text-align: left; } .toplist .items .item .part2{ margin: 0px !important; border-top: solid 1px #ddd; padding-top: 20px; } .toplist .items .item .part2 h4{ font-size: 22px !important; } .toplist .items .item .part2 div *{ font-size: 16px !important; } .toplist .items .item .part3{ float:right !important; width: 110px !important; } } .tabs{ overflow: hidden; } .tabs-head{ background: #3f51b5; padding: 5px 0px 0px 1px; overflow: hidden; border-radius: 5px 5px 0px 0px; margin-bottom: 0px; } .tabs-head a{ float:left; line-height: 25px; color:#fff; font-size: 13px; padding: 0px 8px; display: inline-block; margin-bottom: 0px; } .tabs-head .active{ border-radius: 5px 5px 0px 0px; background: #fff; color:blue; } .tabs-content h2{ background: none; padding-left: 0px; } .tabs-content h2:before{ display: none; } .tabs-content{ border: solid 1px #3f51b5; padding: 10px 10px; font-size: 16px; border-top: none; } .tabs-content h2{ background: none; } .tabs-content .tabs-item{ display: none; } .tabs-content .tabs-item.active{ display: block; } .contenttabs{ border: solid 1px #dbdbdb; border-radius: 5px; } .contenttabs .content-header{ background: #3f51b5; padding: 3px 10px; overflow: hidden; border-radius: 5px 5px 0px 0px; margin-bottom: 0px; color:#fff; } .contenttabs .content-ct{ margin: 10px 2px 10px 10px; } .iframe-table iframe{ width: 100%; height: 100%; background: #ddd; } .iframe-table{ border: solid 1px #ddd; } .iframe_header{ background: #3f51b5; padding: 5px 0px 0px 1px; overflow: hidden; border-radius: 5px 5px 0px 0px; margin-bottom: 0px; } .iframe_header a{ float: left; line-height: 25px; color: #fff; font-size: 13px; padding: 0px 8px; display: inline-block; margin-bottom: 0px; } .iframe_header a.active{ border-radius: 5px 5px 0px 0px; background: #ddd; color: blue; } .iframe_content{ border: solid 1px #3f51b5; font-size: 16px; border-top: none; } .list-post .item-wrap{ overflow: hidden; display: flex; gap:20px; flex-wrap:wrap; } .list-post .item{ overflow: hidden; background: #efefef; width: calc(100%/5 - 16px); } .list-post .item .thumbnail img{ max-width: 100%; } .list-post .item .thumbnail{ } .list-post .item .post-sum{ } .list-post .item .post-sum .title{ line-height: 20px; font-size: 15px; padding: 0px 10px 5px 10px; } .list-post .item .post-sum a{ line-height: 20px; } @media only screen and (max-width:768px){ .list-post .item{ overflow: hidden; background: #efefef; width: calc(100%/2 - 15px); } } @media only screen and (max-width:450px){ .list-post .item{ overflow: hidden; background: #efefef; width: calc(100%); } } /*BOX GAME*/ .game-6686 { display: flex; gap:20px; flex-wrap: wrap; margin-bottom: 20px; align-items: center; justify-content: center; } .game-6686 .game-item{ width: calc(100% / 6 - 17px); background: #00887b; border-radius: 5px; box-shadow: -1px 2px 25px 0px rgba(63,20,20,0.75); -webkit-box-shadow: -1px 2px 25px 0px rgba(63,20,20,0.75); -moz-box-shadow: -1px 2px 25px 0px rgba(63,20,20,0.75); } .game-6686 .game-item:hover{ box-shadow: 0px 0px 20px 0px rgba(244,22,22,0.75); -webkit-box-shadow: 0px 0px 20px 0px rgba(244,22,22,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(244,22,22,0.75); } .game-6686 .game-item .game-thumb img{ max-width: 100%; display: block; border-radius: 5px ; } .game-6686 .game-item .game-content{ font-size: 14px; line-height: 15px; padding: 7px 5px; color: #FFEB3B; font-weight: bold; text-align: center; } @media only screen and (max-width: 768px){ .game-6686 .game-item{ width: calc(100% / 3 - 14px); } .max-scroll{ max-height: 400px; } } @media only screen and (max-width: 450px){ .game-6686 .game-item{ width: calc(100% / 2 - 10px); } } .max-scroll{ max-height: 500px; overflow-y: scroll; } .goto-scroll{ padding: 0px 10px 0px 10px; max-height: 200px; overflow-y: scroll; margin-bottom: 0px; } .goto-scroll ul{ margin-bottom: 0px; } .mucluc_wrapper{ border: solid 1px #9e9e9e; border-radius: 5px; background: #fff; } .mucluc_wrapper li{ line-height: 20px !important; } .mucluc_wrapper a{ font-size: 14px !important; text-transform: none; } .mucluc{ font-size: 16px; background: #607d8b; padding: 5px 10px; color:#fff; } .pagination a{ display: block; width: 33px; height: 33px; line-height: 33px; border: 1px solid #fff; border-radius: 5px; text-align: center; color: #FFF; text-align: center; font-size: 14px; font-weight: 500; } .pagination a:hover,.pagination a.active{ background-color: #fff; color: #2F97F0; } .pagination{ background: linear-gradient(90deg, #2F97F0 0%, #30E7F0 100%); display: flex; justify-content: center; align-items: center; column-gap: 11px; padding: 19px 0; margin-top: 20px; } .hide-all{ display: none } .hide-mobile{ display: block; } .hide-pc{ display: none; } @media only screen and (max-width: 768px){ .hide-mobile{ display: none; } .hide-pc{ display: block; } } .box-game{ border: solid 1px #009688; border-radius: 5px; position:relative; padding:30px 20px 0px 20px; margin-top: 50px; background: #009688; } .box-game-head{ position: absolute; top: -18px; left: 0px; width: 100%; text-align: center; } .box-game-head h2{ display: inline-block; font-size:14px; background: #FF5722; color:#fff; height: 30px; font-weight: normal; border-radius: 10px; padding: 0px 15px; } .tags .btn{ line-height: 25px !important; padding: 0px 10px; background: #795548; } .code-show{ margin-top: 20px } .code-show .btn{ margin: 0px !Important; line-height: 20px; width: auto !important; display: inline-block !important; font-size: 12px !important; padding: 2px 7px !important; } .code-show tr td{ border-color: #ccc; } .code-show .btn.register{ background: #009688; } .code-show .btn.code{ background: #795548; } .dambaocuoc .dbc-title{ color:#ffee00; } .dambaocuoc .btn{ background: #2f97f0; line-height: 25px; padding: 2px 10px !important; } .dambaocuoc ul li{ list-style: circle; } .dambaocuoc ul{ padding-left: 20px; } .dambaocuoc p, .dambaocuoc ul{ margin-bottom: 10px; } .dambaocuoc p:last-child{ margin-bottom: 0px; } .dambaocuoc strong{ color:#afffaf; } .dambaocuoc{ background: #3c514f; border-radius: 5px; padding: 15px 20px; color:#fff; margin-bottom: 20px; } .steps .listaction .ppaction{ text-align: center; background: #00bcd4; margin-bottom: 10px; display: block; line-height: 20px; } .popup_action{ position: fixed; width: 350px; top: 30px; /* left: calc(100%/2 - 180px); */ left: 50%; transform: translateX(-50%); background: #2c3e46; color:#fff; border: solid 7px #FFC107; display: none; border-radius: 5px; } .inputform{ width: calc(100% - 20px); border-radius: 5px; padding: 5px 10px; } .popup_action strong{ color: #ffc107; } .popup_action_wrapper{ margin: 10px 15px; } .steps.active{ display: block; } .steps{ display: none; } .center{ text-align: center; } .popup_action a.ainfo{ color:#36e6fd; font-weight: bold; text-decoration: underline; } .popup_action ul li:after{ position: absolute; content : "🔥"; top: 0px; left: 0px; } .popup_action ul li{ position: relative; line-height: 20px; font-size: 17px; padding-left: 20px; margin-bottom: 5px; } .popup_action p, .popup_action ul{ margin-bottom: 10px; } .ppaction { display: initial; padding: 6px 20px; color:#fff !important; background: #FF5722; border-radius: 5px; } .ppaction.no, .ppaction.out{ background: #937e7e; } .pp_ask{ color: #ffee00; font-weight: bold; } .fmain{ display: flex; gap: 10px; flex-wrap:wrap; } .fleft{ width: calc(70% - 10px); } .fright{ width: 30%; } .ftitle{ font-size: 18px; color: #ffee00; margin-bottom: 10px; } .fintro{ font-size: 16px; line-height: 20px; font-style: italic; margin-bottom: 15px; } .flist{ padding-left: 20px; } .flist li a{ color: #16f3de } .flist li{ font-size: 15px; line-height: 20px; margin-bottom: 5px; list-style: circle; } @media only screen and (max-width:768px){ .fleft, .fright{ width: 100% !important; } } .table-toplist{ background: #2c3e46; color:#fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; } .table-toplist h2{ margin-top: 0px; } .homepopup { width: 300px; height: auto; } .close_popup { position: absolute; right: 0; top: -4px; font-size: 30px; font-weight: bold; cursor: pointer; } .toplist .btn.dangnhap + a { margin-left: 19px; } @media only screen and (max-width:768px){ .toplist .btn.dangnhap + a { margin-left: 0; } }