Chính sách bảo mật

Chúng tôi là ai

Văn bản được đề xuất: Địa chỉ website là: https://thethaolile.com.

Bình luận

Văn bản được đề xuất: Khi khách truy cập để lại bình luận trên trang web, chúng tôi thu thập dữ liệu được hiển thị trong biểu mẫu bình luận và cũng là địa chỉ IP của người truy cập và chuỗi user agent của người dùng trình duyệt để giúp phát hiện bình luận rác

Một chuỗi ẩn danh được tạo từ địa chỉ email của bạn (còn được gọi là hash) có thể được cung cấp cho dịch vụ Gravatar để xem bạn có đang sử dụng nó hay không. Chính sách bảo mật của dịch vụ Gravatar có tại đây: https://automattic.com/privacy/. Sau khi chấp nhận bình luận của bạn, ảnh tiểu sử của bạn được hiển thị công khai trong ngữ cảnh bình luận của bạn.

Media

Văn bản được đề xuất: Nếu bạn tải hình ảnh lên trang web, bạn nên tránh tải lên hình ảnh có dữ liệu vị trí được nhúng (EXIF GPS) đi kèm. Khách truy cập vào trang web có thể tải xuống và giải nén bất kỳ dữ liệu vị trí nào từ hình ảnh trên trang web.

Cookies

Văn bản được đề xuất: Nếu bạn viết bình luận trong website, bạn có thể cung cấp cần nhập tên, email địa chỉ website trong cookie. Các thông tin này nhằm giúp bạn không cần nhập thông tin nhiều lần khi viết bình luận khác. Cookie này sẽ được lưu giữ trong một năm.

Nếu bạn vào trang đăng nhập, chúng tôi sẽ thiết lập một cookie tạm thời để xác định nếu trình duyệt cho phép sử dụng cookie. Cookie này không bao gồm thông tin cá nhân và sẽ được gỡ bỏ khi bạn đóng trình duyệt.

Khi bạn đăng nhập, chúng tôi sẽ thiết lập một vài cookie để lưu thông tin đăng nhập và lựa chọn hiển thị. Thông tin đăng nhập gần nhất lưu trong hai ngày, và lựa chọn hiển thị gần nhất lưu trong một năm. Nếu bạn chọn "Nhớ tôi", thông tin đăng nhập sẽ được lưu trong hai tuần. Nếu bạn thoát tài khoản, thông tin cookie đăng nhập sẽ bị xoá.

Nếu bạn sửa hoặc xuất bản bài viết, một bản cookie bổ sung sẽ được lưu trong trình duyệt. Cookie này không chứa thông tin cá nhân và chỉ đơn giản bao gồm ID của bài viết bạn đã sửa. Nó tự động hết hạn sau 1 ngày.

Nội dung nhúng từ website khác

Văn bản được đề xuất: Các bài viết trên trang web này có thể bao gồm nội dung được nhúng (ví dụ: video, hình ảnh, bài viết, v.v.). Nội dung được nhúng từ các trang web khác hoạt động theo cùng một cách chính xác như khi khách truy cập đã truy cập trang web khác.

Những website này có thể thu thập dữ liệu về bạn, sử dụng cookie, nhúng các trình theo dõi của bên thứ ba và giám sát tương tác của bạn với nội dung được nhúng đó, bao gồm theo dõi tương tác của bạn với nội dung được nhúng nếu bạn có tài khoản và đã đăng nhập vào trang web đó.

Chúng tôi chia sẻ dữ liệu của bạn với ai

Văn bản được đề xuất: Nếu bạn yêu cầu đặt lại mật khẩu, địa chỉ IP của bạn sẽ được bao gồm trong email đặt lại.

Dữ liệu của bạn tồn tại bao lâu

Văn bản được đề xuất: Nếu bạn để lại bình luận, bình luận và siêu dữ liệu của nó sẽ được giữ lại vô thời hạn. Điều này là để chúng tôi có thể tự động nhận ra và chấp nhận bất kỳ bình luận nào thay vì giữ chúng trong khu vực đợi kiểm duyệt.

Đối với người dùng đăng ký trên trang web của chúng tôi (nếu có), chúng tôi cũng lưu trữ thông tin cá nhân mà họ cung cấp trong hồ sơ người dùng của họ. Tất cả người dùng có thể xem, chỉnh sửa hoặc xóa thông tin cá nhân của họ bất kỳ lúc nào (ngoại trừ họ không thể thay đổi tên người dùng của họ). Quản trị viên trang web cũng có thể xem và chỉnh sửa thông tin đó.

Các quyền nào của bạn với dữ liệu của mình

Văn bản được đề xuất: Nếu bạn có tài khoản trên trang web này hoặc đã để lại nhận xét, bạn có thể yêu cầu nhận tệp xuất dữ liệu cá nhân mà chúng tôi lưu giữ về bạn, bao gồm mọi dữ liệu bạn đã cung cấp cho chúng tôi. Bạn cũng có thể yêu cầu chúng tôi xóa mọi dữ liệu cá nhân mà chúng tôi lưu giữ về bạn. Điều này không bao gồm bất kỳ dữ liệu nào chúng tôi có nghĩa vụ giữ cho các mục đích hành chính, pháp lý hoặc bảo mật.

Dữ liệu của bạn được gửi đến đâu

Văn bản được đề xuất: Các bình luận của khách (không phải là thành viên) có thể được kiểm tra thông qua dịch vụ tự động phát hiện bình luận rác.

@charset "UTF-8"; /* CSS Document */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input { -webkit-border-radius: 0px; } input[type="checkbox"] { -webkit-appearance: checkbox; } /*reset css*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: bottom; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a { color: #333; margin: 0; padding: 0; vertical-align: baseline; background: transparent; -webkit-transition: .3s; transition: .3s; } /* change colours to suit your needs */ ins { color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; padding: 0; } input, select { vertical-align: middle; } /*End reset css*/ * { margin: 0; padding: 0; list-style: none; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; } li { list-style: inside none; } img { border: 0 none; max-width: 100%; height: auto; display: block; } *:focus { outline: none; } .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; height: 1%; } .fl { float: left; } .fr { float: right; } a { text-decoration: none; color: #333; cursor: pointer; display: inline-block; } a.active, a:active, a:focus, a:hover { color: #1b95e0; text-decoration: none; } body { background: #f2f2f2; } html { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; height: 100%; width: 100%; line-height: normal; } input[type="submit"], input[type="button"], input[type="text"] { border: 0 none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 14px; line-height: normal; display: inline; } ::-moz-selection { background-color: #3297FD; color: #fff; } ::selection { background-color: #3297FD; color: #fff; } /**/ .container { width: 980px; margin: 0 auto; } .adv { text-align: center; margin: 0; max-width: 100%; } .adv .e { max-width: 100%; } .adv .e img { max-width: 100% !important; max-height: 100% !important; } .adv .e:empty { display: none !important; } .exp_qc_share .exp_qc_one { display: none; } .exp_qc_share .exp_qc_one.active { display: block; } .m-0 { margin: 0; } .ml-0 { margin-left: 0; } .ml-5 { margin-left: 5px; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-20 { margin-left: 20px; } .ml-25 { margin-left: 25px; } .ml-30 { margin-left: 30px; } .ml-35 { margin-left: 35px; } .ml-40 { margin-left: 40px; } .ml-45 { margin-left: 45px; } .ml-50 { margin-left: 50px; } .ml--15 { margin-left: -15px; } .mb-0 { margin-bottom: 0; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-35 { margin-bottom: 35px; } .mb-40 { margin-bottom: 40px; } .mb-45 { margin-bottom: 45px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mt-0 { margin-top: 0; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-35 { margin-top: 35px; } .mt-40 { margin-top: 40px; } .mt-45 { margin-top: 45px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .mr-0 { margin-right: 0; } .mr-5 { margin-right: 5px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .mr-25 { margin-right: 25px; } .mr-30 { margin-right: 30px; } .mr-35 { margin-right: 35px; } .mr-40 { margin-right: 40px; } .mr-45 { margin-right: 45px; } .mr-50 { margin-right: 50px; } .mr-60 { margin-right: 60px; } .mr-70 { margin-right: 70px; } .mr-80 { margin-right: 80px; } .mr-90 { margin-right: 90px; } .p-0 { padding: 0; } .p-5 { padding: 5px; } .p-10 { padding: 10px; } .p-15 { padding: 15px; } .p-20 { padding: 20px; } .p-25 { padding: 25px; } .p-30 { padding: 30px; } .p-35 { padding: 35px; } .p-40 { padding: 40px; } .p-45 { padding: 45px; } .p-50 { padding: 50px; } .pt-0 { padding-top: 0; } .pt-5 { padding-top: 5px; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-20 { padding-top: 20px; } .pt-25 { padding-top: 25px; } .pt-30 { padding-top: 30px; } .pt-35 { padding-top: 35px; } .pt-40 { padding-top: 40px; } .pt-45 { padding-top: 45px; } .pt-50 { padding-top: 50px; } .pt-60 { padding-top: 60px; } .pl-0 { padding-left: 0; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-20 { padding-left: 20px; } .pl-25 { padding-left: 25px; } .pl-30 { padding-left: 30px; } .pl-35 { padding-left: 35px; } .pl-40 { padding-left: 40px; } .pl-45 { padding-left: 45px; } .pl-50 { padding-left: 50px; } .pl-60 { padding-left: 60px; } .pr-0 { padding-right: 0; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-20 { padding-right: 20px; } .pr-25 { padding-right: 25px; } .pr-30 { padding-right: 30px; } .pr-35 { padding-right: 35px; } .pr-40 { padding-right: 40px; } .pr-45 { padding-right: 45px; } .pr-50 { padding-right: 50px; } .pr-60 { padding-right: 60px; } .pb-0 { padding-bottom: 0; } .pb-5 { padding-bottom: 5px; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-20 { padding-bottom: 20px; } .pb-25 { padding-bottom: 25px; } .pb-30 { padding-bottom: 30px; } .pb-35 { padding-bottom: 35px; } .pb-40 { padding-bottom: 40px; } .pb-45 { padding-bottom: 45px; } .pb-50 { padding-bottom: 50px; } .pb-60 { padding-bottom: 60px; } .p-0-5 { padding: 0 5px; } .p-0-10 { padding: 0 10px; } .p-0-15 { padding: 0 15px; } .p-0-20 { padding: 0 20px; } .p-0-25 { padding: 0 25px; } .p-0-30 { padding: 0 30px; } .p-0-35 { padding: 0 35px; } .p-0-40 { padding: 0 40px; } .p-0-45 { padding: 0 45px; } .p-0-50 { padding: 0 50px; } .p-5-0 { padding: 5px 0; } .p-10-0 { padding: 10px 0; } .p-15-0 { padding: 15px 0; } .p-20-0 { padding: 20px 0; } .p-25-0 { padding: 25px 0; } .p-30-0 { padding: 30px 0; } .p-35-0 { padding: 35px 0; } .p-40-0 { padding: 40px 0; } .p-50-0 { padding: 50px 0; } .m-0-5 { margin: 0 5px; } .m-0-10 { margin: 0 10px; } .m-0-15 { margin: 0 15px; } .m-0-20 { margin: 0 20px; } .m-0-25 { margin: 0 25px; } .m-0-30 { margin: 0 30px; } .m-0-35 { margin: 0 35px; } .m-0-40 { margin: 0 40px; } .m-0-45 { margin: 0 45px; } .m-0-50 { margin: 0 50px; } .m-5-0 { margin: 5px 0; } .m-10-0 { margin: 10px 0; } .m-15-0 { margin: 15px 0; } .m-20-0 { margin: 20px 0; } .m-25-0 { margin: 25px 0; } .m-30-0 { margin: 30px 0; } .m-35-0 { margin: 35px 0; } .m-40-0 { margin: 40px 0; } .m-50-0 { margin: 50px 0; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; } .f15 { font-size: 15px; } .f16 { font-size: 16px; } .f17 { font-size: 17px; } .f18 { font-size: 18px; } .f19 { font-size: 19px; } .f20 { font-size: 20px; } .f21 { font-size: 21px; } .f22 { font-size: 22px; } .f23 { font-size: 23px; } .f24 { font-size: 24px; } .f25 { font-size: 25px; } .f26 { font-size: 26px; } .f27 { font-size: 27px; } .f28 { font-size: 28px; } .f29 { font-size: 29px; } .f30 { font-size: 30px; } .f31 { font-size: 31px; } .f32 { font-size: 32px; } .f33 { font-size: 33px; } .f34 { font-size: 34px; } .f36 { font-size: 36px; } .f38 { font-size: 38px; } .f40 { font-size: 40px; } .f42 { font-size: 42px; } .f46 { font-size: 46px; } .f50 { font-size: 50px; } .f-light { font-weight: 300; } .f-normal { font-weight: 500; } .f-bold { font-weight: 700; } .w10 { width: 10%; } .w15 { width: 15%; } .w16 { width: 16.6666666666667%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.333333333333%; } .w35 { width: 35%; } .w40 { width: 39%; } .w45 { width: 45%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 61%; } .w65 { width: 65%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w85 { width: 85%; } .w90 { width: 90%; } .w95 { width: 95%; } .w100 { width: 100%; } .content-66 { width: calc(100% - 66px); } .w100-300 { width: calc(100% - 300px); } .w100-140 { width: calc(100% - 140px); } .w300 { width: 300px; } .w100-360 { width: calc(100% - 360px); } .w100-375 { width: calc(100% - 375px); } .w100-200 { width: calc(100% - 200px); } .w360 { width: 360px; } .w140 { width: 140px; } .w200 { width: 200px; } .w160 { width: 160px; } .w100-160 { width: calc(100% - 160px); } .w100-440 { width: calc(100% - 440px); } .w32 { width: 32px; } .w100-32 { width: calc(100% - 32px); } .text-center { text-align: center; } .list-none { list-style: none; } .justify { text-align: justify; } .upper { text-transform: uppercase; } .bor-bottom { border-bottom: 1px solid #333; } .in-bl { display: inline-block; } .inherit { display: inherit; } .flex-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .clear-both { clear: both; } .relative { position: relative; } /* End Libs */ .icon-video-small { background: url(../images/icon-video-small.png) no-repeat; width: 40px; height: 40px; display: inline-block; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); } .icon-video-large { background: url(../images/icon-video-larrge.png) no-repeat; width: 104px; height: 104px; position: absolute; top: calc(50% - 52px); left: calc(50% - 52px); } .bg-white { background: #fff; } .bg-black { background: #2b3035; } .cl-white { color: #fff; } .hide, .display-none { display: none; } .bor-right15 { border-right: 15px solid #f1f1f1; } .hr { width: 100%; float: left; border-bottom: 1px dashed #ddd; height: 1px; } .transition { -webkit-transition: all 0.4s; transition: all 0.4s; } .d-flex { display: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .flex-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .j-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sticky { position: -webkit-sticky; position: sticky; top: 55px; z-index: 5; } .scroll { scrollbar-width: thin !important; } .scroll::scrollbar { width: 4px; height: 0; border-radius: 5px; } .scroll::-o-scrollbar { width: 4px; height: 0; border-radius: 5px; } .scroll::-ms-scrollbar { width: 4px; height: 0; border-radius: 5px; } .scroll::-webkit-scrollbar { width: 4px; height: 0; border-radius: 5px; } .scroll::scrollbar-thumb { background-color: #ddd; border-radius: 5px; } .scroll::-o-scrollbar-thumb { background-color: #ddd; border-radius: 5px; } .scroll::-ms-scrollbar-thumb { background-color: #ddd; border-radius: 5px; } .scroll::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 5px; } .scroll::scrollbar-track-piece { background: rgba(229, 229, 229, 0.37); } .scroll::-o-scrollbar-track-piece { background: rgba(229, 229, 229, 0.37); } .scroll::-ms-scrollbar-track-piece { background: rgba(229, 229, 229, 0.37); } .scroll::-webkit-scrollbar-track-piece { background: rgba(229, 229, 229, 0.37); } .ads_300x250 { background: #fc6a08; text-align: center; min-height: 200px; padding: 10px; width: 300px; height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ads_300x250 span { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; color: #fff; font-size: 14px; } @media screen and (max-width: 979px) { .ads_300x250 { display: none; } } .ads_300x600 { background: #fc6a08; text-align: center; min-height: 200px; padding: 10px; width: 300px; height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ads_300x600 span { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; color: #fff; font-size: 14px; } @media screen and (max-width: 979px) { .ads_300x600 { display: none; } } .ads_160x600 { background: #fc6a08; text-align: center; min-height: 200px; padding: 10px; width: 160px; height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ads_160x600 span { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; color: #fff; font-size: 14px; } @media screen and (max-width: 979px) { .ads_160x600 { display: none; } } .ads_728x90 { background: #fc6a08; text-align: center; min-height: 200px; padding: 10px; width: 728px; height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ads_728x90 span { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; color: #fff; font-size: 14px; } @media screen and (max-width: 979px) { .ads_728x90 { display: none; } } .ads_970x250 { background: #fc6a08; text-align: center; min-height: 200px; padding: 10px; width: 970px; height: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ads_970x250 span { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; color: #fff; font-size: 14px; } @media screen and (max-width: 979px) { .ads_970x250 { display: none; } } .ads_140x600 { background: #fc6a08; text-align: center; min-height: 200px; padding: 10px; width: 140px; height: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ads_140x600 span { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; color: #fff; font-size: 14px; } @media screen and (max-width: 979px) { .ads_140x600 { display: none; } } header { position: relative; background-color: #fff; } footer { background-color: #fff; } header .top-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .top-header .logo a { width: 282px; } header .top-header .date { position: absolute; bottom: -4px; right: 10; font-size: 11px; font-weight: 500; text-transform: uppercase; } header .top-header .logo-mobile { display: none; } header .top-header .submenu_social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .top-header .submenu_social .submenu { position: relative; border-right: 1px solid #ddd; } header .top-header .submenu_social .submenu li { display: inline-block; margin-right: 10px; } header .top-header .submenu_social .submenu li a { font-size: 10px; display: inline-block; text-transform: uppercase; font-weight: 500; line-height: 1.5; } header .top-header .submenu_social .submenu li a i { width: 14px; height: 14px; font-size: 14px; display: inline-block; float: left; margin-right: 4px; padding-top: 1px; } header .top-header .submenu_social .submenu li a .icon-ads { color: #cc0003; } header .top-header .submenu_social .social { padding-left: 15px; } header .top-header .submenu_social .social li { float: left; margin-right: 5px; } header .top-header .submenu_social .social li a { display: inline-block; } header .top-header .submenu_social .social li a i { width: 16px; height: 16px; font-size: 16px; display: inline-block; } header .navigation { position: relative; height: 40px; } header .navigation .mobile_nav { display: block; height: 40px; } header .navigation .main_nav { position: relative; height: 40px; background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -570px no-repeat; text-align: center; } header .navigation .main_nav .nav_content > li { display: inline-block; padding: 0; margin: 0; } header .navigation .main_nav .nav_content > li > a { text-decoration: none; padding: 0 5.5px; line-height: 40px; height: 40px; display: block; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 400; } header .navigation .main_nav .nav_content > li > a:hover { color: #009eff; } header .navigation .main_nav .nav_content > li > a > i { font-size: 18px; line-height: 40px; } header .navigation .main_nav .nav_content > li > .active { color: #009eff; } header .navigation .main_nav .nav_content > li .cate-child { display: none; position: absolute; width: 100%; left: 0; text-align: left; background-color: #0072bb; z-index: 999; } header .navigation .main_nav .nav_content > li .cate-child nav a { color: rgba(255, 255, 255, 0.6); font-size: 12px; font-weight: 400; display: inline-block; padding: 5px 15px; line-height: 20px; } header .navigation .main_nav .nav_content > li .cate-child nav a:hover, header .navigation .main_nav .nav_content > li .cate-child nav a.active { background-color: rgba(0, 0, 0, 0.2); } header .navigation .main_nav .nav_content > li .cate-child nav a i { line-height: 20px; } header .navigation .main_nav .nav_content > li .cate-child nav .more_sub_cate { display: inline-block; } header .navigation .main_nav .nav_content > li .cate-child nav .more_sub_cate li > .list_more_sub_cate { display: none; position: absolute; top: 100%; background: #0072bb; min-width: 150px; } header .navigation .main_nav .nav_content > li .cate-child nav .more_sub_cate li > .list_more_sub_cate li { text-align: left; border-top: 1px solid rgba(221, 221, 221, 0.28); } header .navigation .main_nav .nav_content > li .cate-child nav .more_sub_cate li > .list_more_sub_cate li a { width: 100%; } header .navigation .main_nav .nav_content > li .cate-child nav .more_sub_cate li:hover .list_more_sub_cate { display: block; } header .navigation .main_nav .nav_content > li .bg-1 { background-color: #2d96b5 !important; } header .navigation .main_nav .nav_content > li .bg-1 .list_more_sub_cate { background-color: #2d96b5 !important; } header .navigation .main_nav .nav_content > li .bg-1 .list_more_sub_cate .list_more_sub_cate { background-color: #2d96b5 !important; } header .navigation .main_nav .nav_content > li .bg-2 { background-color: #0072bb !important; } header .navigation .main_nav .nav_content > li .bg-2 .list_more_sub_cate { background-color: #0072bb !important; } header .navigation .main_nav .nav_content > li .bg-2 .list_more_sub_cate .list_more_sub_cate { background-color: #0072bb !important; } header .navigation .main_nav .nav_content > li .bg-3 { background-color: #04a59d !important; } header .navigation .main_nav .nav_content > li .bg-3 .list_more_sub_cate { background-color: #04a59d !important; } header .navigation .main_nav .nav_content > li .bg-3 .list_more_sub_cate .list_more_sub_cate { background-color: #04a59d !important; } header .navigation .main_nav .nav_content > li .bg-4 { background-color: #9f224e !important; } header .navigation .main_nav .nav_content > li .bg-4 .list_more_sub_cate { background-color: #9f224e !important; } header .navigation .main_nav .nav_content > li .bg-4 .list_more_sub_cate .list_more_sub_cate { background-color: #9f224e !important; } header .navigation .main_nav .nav_content > li .bg-5 { background-color: #dc3926 !important; } header .navigation .main_nav .nav_content > li .bg-5 .list_more_sub_cate { background-color: #dc3926 !important; } header .navigation .main_nav .nav_content > li .bg-5 .list_more_sub_cate .list_more_sub_cate { background-color: #dc3926 !important; } header .navigation .main_nav .nav_content > li .bg-6 { background-color: #d71450 !important; } header .navigation .main_nav .nav_content > li .bg-6 .list_more_sub_cate { background-color: #d71450 !important; } header .navigation .main_nav .nav_content > li .bg-6 .list_more_sub_cate .list_more_sub_cate { background-color: #d71450 !important; } header .navigation .main_nav .nav_content > li .bg-7 { background-color: #08416D !important; } header .navigation .main_nav .nav_content > li .bg-7 .list_more_sub_cate { background-color: #08416D !important; } header .navigation .main_nav .nav_content > li .bg-7 .list_more_sub_cate .list_more_sub_cate { background-color: #08416D !important; } header .navigation .main_nav .nav_content > li .bg-8 { background-color: #59a12b !important; } header .navigation .main_nav .nav_content > li .bg-8 .list_more_sub_cate { background-color: #59a12b !important; } header .navigation .main_nav .nav_content > li .bg-8 .list_more_sub_cate .list_more_sub_cate { background-color: #59a12b !important; } header .navigation .main_nav .nav_content > li:hover .cate-child { display: block; } header .navigation .main_nav .topsearch { position: absolute; top: 10px; right: 20px; } header .navigation .main_nav .topsearch .btn_search { border: 0; outline: 0; background: 0 0; cursor: pointer; } header .navigation .main_nav .topsearch .btn_search i { width: 21px; height: 21px; display: inline-block; font-size: 21px; color: #1b95e0; } header .navigation .main_nav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } header .navigation .main_nav a { -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; } header .navigation .m-top-header { width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; height: 40px; background: #254892 url(https://thethao247.vn/frontend/images/bg-min.svg) -660px -1082px no-repeat; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .navigation .m-top-header .col-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .navigation .m-top-header .col-left .bar-icon { width: 45px; height: 40px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; } header .navigation .m-top-header .col-left .bar-icon i { font-size: 20px; color: #fff; } header .navigation .m-top-header .col-left .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header .navigation .m-top-header .col-left .logo a { width: 155px; } header .navigation .m-top-header .date { color: #fff; padding: 0 10px; font-size: 13px; } header .navigation .mobile_nav_content { display: block; position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; z-index: 9999; -webkit-transition: all 0.2s; transition: all 0.2s; background-color: #1a295f; } header .navigation .mobile_nav_content:before { background: url(https://thethao247.vn/frontend/images/bg_menu_main.png) no-repeat; position: absolute; content: ''; width: 100%; height: 100vh; top: 0; bottom: 0; background-size: cover; z-index: -1; } header .navigation .mobile_nav_content .m-top-header { position: static; } header .navigation .mobile_nav_content .box_utility { display: block; width: 100%; float: left; margin: 0; } header .navigation .mobile_nav_content .box_utility .list_utility { border-radius: 0; width: 100%; } header .navigation .mobile_nav_content .menu { width: 100%; display: block; height: calc(100% - 93px); overflow-x: hidden; overflow-y: auto; } header .navigation .mobile_nav_content .menu .nav_content > li { display: block; position: relative; } header .navigation .mobile_nav_content .menu .nav_content > li > a { display: block; width: 100%; padding: 0 15px; color: #fff; line-height: 50px; height: 50px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } header .navigation .mobile_nav_content .menu .nav_content > li > .icon { position: absolute; top: 0; right: 0; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } header .navigation .mobile_nav_content .menu .nav_content > li.m-ad-style { text-align: center; background: rgba(0, 112, 187, 0.62); } header .navigation .mobile_nav_content .menu .nav_content > li.m-ad-style img { width: 24px; margin-right: 2px; display: inline-block; vertical-align: middle; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu { display: none; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu li { width: 100%; position: relative; display: block; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu li a { display: block; width: 100%; padding: 0 15px 0 30px; color: #fff; line-height: 40px; height: 40px; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); overflow: hidden; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu li a:before { content: '•'; margin-right: 10px; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu li .icon { position: absolute; top: 0; right: 0; width: 39px; height: 39px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu li .sub-menu a { padding: 0 15px 0 55px; } header .navigation .mobile_nav_content .menu .nav_content > li .sub-menu.open { display: block; } header .navigation .mobile_nav_content .menu .social { margin-bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-top: 1px solid rgba(255, 255, 255, 0.15); } header .navigation .mobile_nav_content .menu .social li { padding: 17px 10px; } header .navigation .mobile_nav_content .menu .social li a { font-size: 30px; color: #fff; display: block; } header .navigation .mobile_nav_content.open { left: 0; } header .navigation .box_utility { display: none; } header .box_search { background-color: #fff; position: absolute; top: 100%; width: 100%; left: 0; display: none; z-index: 1; border-bottom: 1px solid #dddddd; -webkit-box-shadow: 1px 1px 9px rgba(221, 221, 221, 0.59); box-shadow: 1px 1px 9px rgba(221, 221, 221, 0.59); } header .box_search.show { display: block; } header .box_search input.gsc-input { background-size: auto 55% !important; } header .box_search .gsc-input-box { border-radius: 25px; } header .box_search .gsib_a { padding: 5px 15px 6px 15px; } header .box_search .gsc-search-button-v2 { padding: 9px; border-radius: 50%; } header .box_search .input_search { outline: 0; margin: 0; position: relative; background-color: #fff; font-size: 14px; border-radius: 30px; padding: 0 15px; width: 100%; height: 36px; border: 1px solid #cecece; } header .box_search .btn_go { outline: 0; border: 0; background: 0 0; font-size: 16px; color: #ababab; position: absolute; top: 3px; right: 5px; cursor: pointer; width: 30px; height: 30px; } footer .top-footer { background: #254892; } footer .top-footer .top-footer-content { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -145px no-repeat; padding: 6px 0; } footer .tag-footer { padding: 10px 0; margin-top: 2px; -webkit-box-shadow: 1px 2px 10px rgba(221, 221, 221, 0.72); box-shadow: 1px 2px 10px rgba(221, 221, 221, 0.72); border-top: 4px solid #f40000; } footer .tag-footer .key_footer_tag { background: #ebebeb; padding: 3px 7px; display: inline-block; border: 1px solid #ddd; float: left; margin-right: 10px; font-size: 13px; color: #254892; } footer .menu-footer { background-color: #ebebeb; padding: 30px 0; } footer .menu-footer .menu-footer-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .menu-footer .menu-footer-content .left { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .menu-footer .menu-footer-content .right { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .menu-footer .menu-footer-content .list_bot_cat { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding: 0 8px; } footer .menu-footer .menu-footer-content .list_bot_cat .title_ver_com { font-size: 14px; color: #254892; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; } footer .menu-footer .menu-footer-content .list_bot_cat li { padding: 3px 0; } footer .menu-footer .menu-footer-content .list_bot_cat li a { font-size: 12px; line-height: 1.5; color: #292929; display: block; position: relative; padding-left: 15px; } footer .menu-footer .menu-footer-content .list_bot_cat li a:before { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #1b95e0; position: absolute; left: 0; top: 8px; } footer .menu-footer .menu-footer-content .list_bot_cat li a:hover { text-decoration: underline; } footer .menu-footer .menu-footer-content .list_bot_cat li:nth-child(2n) > a:before { background-color: #ff4747; } footer .info-footer .info-footer-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 35px 0; } footer .info-footer .info-footer-content:before { content: ''; width: 100%; height: 35px; position: absolute; left: 0; bottom: 0; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -515px no-repeat; } footer .info-footer .info-footer-content .col_app_com { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding: 0 8px; } footer .info-footer .info-footer-content .col_app_com .title_ver_com { font-size: 14px; color: #254892; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; } footer .info-footer .info-footer-content .col_app_com li { display: inline-block; margin-right: 20px; } footer .info-footer .info-footer-content .col_app_com li .icon_appstore { width: 40px; height: 40px; border-radius: 8px; background: #fff; text-align: center; line-height: 40px; font-size: 22px !important; -webkit-box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.42); box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.42); } footer .info-footer .info-footer-content .col_app_com li .icon_appstore i { line-height: 40px; font-size: 18px; } footer .info-footer .info-footer-content .col_app_com li .icon_appstore:hover { background: #0269e2; } footer .info-footer .info-footer-content .col_app_com li .icon_appstore:hover i { color: #fff; } footer .info-footer .info-footer-content .col_app_com li .icon_android:hover { background: #97c024; } footer .info-footer .info-footer-content .col_app_com li .icon_android:hover i { color: #fff; } footer .info-footer .info-footer-content .col_ver_com { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding: 0 8px; } footer .info-footer .info-footer-content .col_ver_com .title_ver_com { font-size: 14px; color: #254892; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; } footer .info-footer .info-footer-content .col_ver_com .list_ver_com > li { display: block; padding: 1px 0; } footer .info-footer .info-footer-content .col_ver_com .list_ver_com > li > a { font-size: 12px; line-height: 19px; color: #292929; display: block; } footer .info-footer .info-footer-content .col_ver_com .list_ver_com > li > a i { font-size: 14px; line-height: 21px; color: #6f6f6f; } footer .info-footer .info-footer-content .col_ver_com .list_ver_com > li > a:hover { text-decoration: underline; } footer .info-footer .info-footer-content .col_info_com { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; padding: 0 8px; } footer .info-footer .info-footer-content .col_info_com p, footer .info-footer .info-footer-content .col_app_com p { font-size: 13px; color: #292929; padding: 4px 0; line-height: 1.4; } footer .info-footer .info-footer-content .col_info_com a { color: #254892; } @-webkit-keyframes fading { 0% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .1; } } @keyframes fading { 0% { opacity: .1; } 50% { opacity: .2; } 100% { opacity: .1; } } @-webkit-keyframes typing { 0% { width: 0; } 50% { width: 100%; } 55%, 65%, 75% { opacity: 1; } 60%, 70% { opacity: 0; } 80% { width: 100%; } 100% { width: 0; } } @keyframes typing { 0% { width: 0; } 50% { width: 100%; } 55%, 65%, 75% { opacity: 1; } 60%, 70% { opacity: 0; } 80% { width: 100%; } 100% { width: 0; } } .box_text { border: 1px solid #e9e9e9; padding: 20px 20px 0; margin-bottom: 20px; } .no-data { text-align: center; line-height: 120px; font-size: 22px; background: rgba(241, 241, 241, 0.72); margin: 15px 0; } .status_live { border: 1px solid #f40000; display: inline-block; line-height: 9px; padding: 0 4px; border-radius: 2px; } .status_live p { text-transform: uppercase; -webkit-animation: typing 4s steps(12) infinite; animation: typing 4s steps(12) infinite; display: inline-block; overflow: hidden; white-space: nowrap; color: #f40000; font-size: 10px; } .box_schedule .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } .box_schedule .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .box_schedule .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .box_schedule .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .box_schedule .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .box_schedule .caption .more:hover { text-decoration: underline; } .box_schedule .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .box_schedule .caption { margin: 0 -15px 15px; } .box_schedule .caption .title { padding-left: 15px; } .box_schedule .caption .more { padding-right: 15px; } } .box_schedule .content { border: 1px solid #efefef; border-top: 0; border-radius: 0 0 0 30px; overflow: hidden; } .box_schedule .content .item { border-bottom: 1px solid #f3f3f3; } .box_schedule .content .item:last-child { border-bottom: 0; } .box_schedule .content .item .title { font-size: 14px; color: #254892; padding: 10px; font-weight: 500; line-height: 28px; text-align: center; } .box_schedule .content .item .list { display: block; } .box_schedule .content .item .list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; border-top: 1px solid #f3f3f3; } .box_schedule .content .item .list li:last-child { border-bottom: 0; } .box_schedule .content .item .list li .teamname { font-weight: 500; padding: 0; font-size: 12px; text-transform: uppercase; height: 28px; line-height: 28px; } .box_schedule .content .item .list li .team-a { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; text-align: right; } .box_schedule .content .item .list li .team-a .teamname { text-align: right; } .box_schedule .content .item .list li .time { font-size: 14px; width: 70px; height: 28px; text-align: center; line-height: 28px; color: #254892; text-transform: uppercase; } .box_schedule .content .item .list li .team-b { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_schedule .content .item .list li .team-b .teamname { text-align: left; } .box_charts .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } .box_charts .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .box_charts .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .box_charts .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .box_charts .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .box_charts .caption .more:hover { text-decoration: underline; } .box_charts .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .box_charts .caption { margin: 0 -15px 15px; } .box_charts .caption .title { padding-left: 15px; } .box_charts .caption .more { padding-right: 15px; } } .box_charts .select_charts .--select-wrapper { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; border-top: 0; } .box_charts .select_charts .--select-wrapper .--select { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box_charts .select_charts .--select-wrapper .--select .--select__trigger { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 30px; font-size: 14px; line-height: 30px; color: #f40000; background: #ffffff; padding: 0 10px; text-transform: uppercase; cursor: pointer; z-index: 3; border: 1px solid #efefef; } .box_charts .select_charts .--select-wrapper .--select .--select__trigger .arrow { position: relative; height: 10px; width: 10px; } .box_charts .select_charts .--select-wrapper .--select .--select__trigger .arrow::before, .box_charts .select_charts .--select-wrapper .--select .--select__trigger .arrow::after { content: ""; position: absolute; bottom: 0px; width: 2px; height: 10px; -webkit-transition: all 0.1s; transition: all 0.1s; } .box_charts .select_charts .--select-wrapper .--select .--select__trigger .arrow::before { left: -3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #009dfd; } .box_charts .select_charts .--select-wrapper .--select .--select__trigger .arrow::after { left: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #009dfd; } .box_charts .select_charts .--select-wrapper .--select .--options { position: absolute; display: block; top: -100%; right: 25%; left: 25%; width: 50%; background: #fff; -webkit-transition: all 0.1s; transition: all 0.1s; opacity: 0; visibility: hidden; pointer-events: none; z-index: 2; border-radius: 0 0 5px 5px; overflow: hidden; } .box_charts .select_charts .--select-wrapper .--select .--options .--option { position: relative; display: block; padding: 0 10px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #efefef; border-top: 0; } .box_charts .select_charts .--select-wrapper .--select .--options .--option .thumb { width: 21px; position: absolute; top: 0; left: 10px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_charts .select_charts .--select-wrapper .--select .--options .--option .title { margin-left: 31px; color: #333; font-size: 13px; line-height: 35px; } .box_charts .select_charts .--select-wrapper .--select .--options .--option:hover { cursor: pointer; background-color: #f6f6f6; } .box_charts .select_charts .--select-wrapper .--select .--options .--option.selected { background-color: #f6f6f6; font-weight: 500; } .box_charts .select_charts .--select-wrapper .--select.open .--options { top: 100%; right: 0; left: 0; width: 100%; opacity: 1; visibility: visible; pointer-events: all; } .box_charts .select_charts .--select-wrapper .--select.open .arrow::before { left: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .box_charts .select_charts .--select-wrapper .--select.open .arrow::after { left: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .box_charts .content { border: 1px solid #efefef; border-top: 0; border-radius: 0 0 0 30px; overflow: hidden; } .box_charts .content table.table_charts { background-color: #f2f8ff; width: 100%; } .box_charts .content table.table_charts tr { border-bottom: 1px solid #ebebeb; } .box_charts .content table.table_charts tr:last-child { border-bottom: 0; } .box_charts .content table.table_charts tr th { padding: 8px 5px; white-space: nowrap; vertical-align: bottom; font-size: 10px; height: 46px; color: #292929; font-weight: 500; text-transform: uppercase; vertical-align: middle; text-align: center; } .box_charts .content table.table_charts tr th:first-child { text-align: left; font-size: 16px; color: #254892; font-weight: 300; } .box_charts .content table.table_charts tr td { text-align: center; padding: 8px 5px; line-height: 26px; white-space: nowrap; font-size: 12px; font-weight: 700; color: #292929; } .box_charts .content table.table_charts tr .th_team { width: 35%; min-width: 135px; text-align: left; } .box_charts .content table.table_charts tr .th_team .colteam { position: relative; padding-left: 25px; font-size: 12px; } .box_charts .content table.table_charts tr .th_team .colteam .spn_flag_team { width: 20px; height: 20px; display: block; position: absolute; left: 0; top: calc(50% - 10px); } .box_charts .content table.table_charts tr .th_team .colteam .spn_flag_team img { display: block; } .box_fixture_300 { margin-bottom: 15px; } .box_fixture_300 .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } .box_fixture_300 .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .box_fixture_300 .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .box_fixture_300 .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .box_fixture_300 .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .box_fixture_300 .caption .more:hover { text-decoration: underline; } .box_fixture_300 .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .box_fixture_300 .caption { margin: 0 -15px 15px; } .box_fixture_300 .caption .title { padding-left: 15px; } .box_fixture_300 .caption .more { padding-right: 15px; } } .box_fixture_300 .content { background-color: #f2f6ff; border: 1px solid #efefef; padding: 25px 15px; } .box_fixture_300 .content ul li { display: block; padding: 0 0 20px 0; } .box_fixture_300 .content ul li a { position: relative; } .box_fixture_300 .content ul li a .logo { position: absolute; left: 0; top: 0; width: 30px; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_fixture_300 .content ul li a p { font-size: 12px; padding-left: 40px; } .box_fixture_300 .content ul li a .title { font-size: 18px; line-height: 22px; font-weight: 500; color: #292929; } .box_fixture_300 .content ul li a i { font-size: 25px; color: #254892; } .box_fixture_300 .content ul li a img { width: 30px; height: 30px; } .box_fixture_300 .content ul li:last-child { padding-bottom: 0; } .box_video .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box_video .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .box_video .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .box_video .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .box_video .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .box_video .caption .more:hover { text-decoration: underline; } .box_video .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .box_video .caption { margin: 0 -15px 15px; } .box_video .caption .title { padding-left: 15px; } .box_video .caption .more { padding-right: 15px; } } .box_video .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_video .content .left-style .first_news { position: relative; margin-bottom: 15px; } .box_video .content .left-style .first_news i { position: absolute; top: 10px; left: 10px; font-size: 40px; color: #fff; } .box_video .content .left-style .first_news .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box_video .content .left-style .first_news .title { width: 100%; position: absolute; bottom: 0; left: 0; padding: 15px; background: #00133c; background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #00133c), color-stop(100%, rgba(9, 9, 121, 0)), to(rgba(0, 19, 60, 0))); background: linear-gradient(to top, #00133c 15%, rgba(9, 9, 121, 0) 100%, rgba(0, 19, 60, 0) 100%); color: #fff; font-size: 20px; font-weight: 700; } .box_video .content .left-style .first_news .thumb { max-height: 185px; overflow: hidden; } .box_video .content .left-style .list_news li { border-top: 1px solid #efefef; padding: 6px 6px 6px 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_video .content .left-style .list_news li i { color: red; margin-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_video .content .left-style .list_news li a { line-height: 1.5; } .box_video .content .left-style.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .box_video .content .left-style.lazy_thumb .thumb { height: 247.5px; background: #f4f4f4; } .box_video .content .left-style.lazy_thumb .title { width: 100%; } .box_video .content .left-style.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .box_video .content .left-style.lazy_thumb .line-half { width: 50%; } .box_video .content .left-style.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .box_video .content .right-style { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_video .content .right-style li { position: relative; margin-bottom: 15px; } .box_video .content .right-style li i { position: absolute; top: 10px; left: 10px; font-size: 31px; color: #fff; } .box_video .content .right-style li .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .box_video .content .right-style li .title { width: 100%; position: absolute; bottom: 0; left: 0; padding: 15px; background: #00133c; background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #00133c), color-stop(100%, rgba(9, 9, 121, 0)), to(rgba(0, 19, 60, 0))); background: linear-gradient(to top, #00133c 15%, rgba(9, 9, 121, 0) 100%, rgba(0, 19, 60, 0) 100%); color: #fff; font-size: 16px; font-weight: 700; } .box_video .content .right-style li .thumb { max-height: 150px; overflow: hidden; } .box_video .content .right-style li:last-child { margin-bottom: 0; } .box_video .content .right-style.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .box_video .content .right-style.lazy_thumb .thumb { height: 178.75px; background: #f4f4f4; } .box_video .content .right-style.lazy_thumb .title { width: 100%; } .box_video .content .right-style.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .box_video .content .right-style.lazy_thumb .line-half { width: 50%; } .box_video .content .right-style.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .box_latest .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box_latest .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .box_latest .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .box_latest .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .box_latest .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .box_latest .caption .more:hover { text-decoration: underline; } .box_latest .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .box_latest .caption { margin: 0 -15px 15px; } .box_latest .caption .title { padding-left: 15px; } .box_latest .caption .more { padding-right: 15px; } } .box_latest .content li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ddd; } .box_latest .content li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .box_latest .content li .thumb { width: 124px; margin-right: 12px; position: relative; } .box_latest .content li .thumb i { position: absolute; top: 5px; right: 5px; font-size: 18px; color: #fff; } .box_latest .content li .text { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_latest .content li .text .title { font-size: 15px; line-height: 1.5; display: block; } .box_latest .content li .text .date { float: right; padding-top: 10px; font-size: 13px; color: #555; } .box_latest .content li .title_cat { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") -50px -864px no-repeat; padding: 5px 4px 4px; font-size: 9px; color: #0d6eb7; text-transform: uppercase; margin-bottom: 10px; } @media screen and (max-width: 580px) { .box_latest .content li .title_cat { position: relative; display: inline-block; font-size: 9px; padding: 2px 5px 1px 5px; color: #fff; line-height: normal; text-transform: uppercase; background: #e83c42; background: -webkit-gradient(linear, left top, right top, color-stop(0, #e83c42), to(#ff9000)); background: linear-gradient(to right, #e83c42 0, #ff9000 100%); } .box_latest .content li .title_cat:after { content: ''; display: block; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #ff9000; position: absolute; top: 0; left: 100%; } } .box_latest .content li .text .title { font-weight: 500; } .box_latest.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .box_latest.lazy_thumb .thumb { height: 85.25px; background: #f4f4f4; } .box_latest.lazy_thumb .title { width: 100%; } .box_latest.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .box_latest.lazy_thumb .line-half { width: 50%; } .box_latest.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .cat-style-1 .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-style-1 .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .cat-style-1 .caption .title:before { content: ""; position: absolute; z-index: 0; left: 33%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .cat-style-1 .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .cat-style-1 .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .cat-style-1 .caption .more:hover { text-decoration: underline; } .cat-style-1 .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .cat-style-1 .caption { margin: 0 -15px 15px; } .cat-style-1 .caption .title { padding-left: 15px; } .cat-style-1 .caption .more { padding-right: 15px; } } .cat-style-1 .content .first_news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-style-1 .content .first_news .thumb { -webkit-box-flex: 0; -ms-flex: 0 48%; flex: 0 48%; } .cat-style-1 .content .first_news .text { -webkit-box-flex: 0; -ms-flex: 0 48%; flex: 0 48%; } .cat-style-1 .content .first_news .text .title { font-size: 16px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4; } .cat-style-1 .content .first_news .text .sapo { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; } .cat-style-1 .content .list_news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-style-1 .content .list_news li { -webkit-box-flex: 0; -ms-flex: 0 48%; flex: 0 48%; margin-bottom: 2%; } .cat-style-1 .content .list_news li .thumb { margin-bottom: 7.5px; } .cat-style-1 .content .list_news li .title { font-size: 16px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0; } .cat-style-1.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .cat-style-1.lazy_thumb .thumb { height: 132.6875px; background: #f4f4f4; } .cat-style-1.lazy_thumb .title { width: 100%; } .cat-style-1.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .cat-style-1.lazy_thumb .line-half { width: 50%; } .cat-style-1.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .cat-style-2 .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-style-2 .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .cat-style-2 .caption .title:before { content: ""; position: absolute; z-index: 0; left: 15%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .cat-style-2 .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .cat-style-2 .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .cat-style-2 .caption .more:hover { text-decoration: underline; } .cat-style-2 .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .cat-style-2 .caption { margin: 0 -15px 15px; } .cat-style-2 .caption .title { padding-left: 15px; } .cat-style-2 .caption .more { padding-right: 15px; } } .cat-style-2 .content .list_news li { margin-bottom: 14px; } .cat-style-2 .content .list_news li .thumb { margin-bottom: 5px; } .cat-style-2 .content .list_news li .title { font-size: 14px; font-weight: 500; line-height: 1.4; } .cat-style-2.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .cat-style-2.lazy_thumb .thumb { height: 110px; background: #f4f4f4; } .cat-style-2.lazy_thumb .title { width: 100%; } .cat-style-2.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .cat-style-2.lazy_thumb .line-half { width: 50%; } .cat-style-2.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .cat-style-3 .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-style-3 .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .cat-style-3 .caption .title:before { content: ""; position: absolute; z-index: 0; left: 35%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .cat-style-3 .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .cat-style-3 .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .cat-style-3 .caption .more:hover { text-decoration: underline; } .cat-style-3 .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .cat-style-3 .caption { margin: 0 -15px 15px; } .cat-style-3 .caption .title { padding-left: 15px; } .cat-style-3 .caption .more { padding-right: 15px; } } .cat-style-3 .list_news li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cat-style-3 .list_news li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f3f3f3; } .cat-style-3 .list_news li .thumb { width: 80px; margin-right: 10px; } .cat-style-3 .list_news li .title { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .cat-style-3 .list_news li:first-child { border-bottom: 0; padding-bottom: 0; border-bottom: 0; } .cat-style-3 .list_news li:first-child .thumb { width: 100%; margin-right: 0; } .cat-style-3 .list_news li:first-child .title { color: #0f408b; font-size: 20px; line-height: 1.35; font-weight: 700; margin-top: 10px; } .cat-style-3.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .cat-style-3.lazy_thumb .thumb { height: 55px; background: #f4f4f4; } .cat-style-3.lazy_thumb .title { width: 100%; } .cat-style-3.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .cat-style-3.lazy_thumb .line-half { width: 50%; } .cat-style-3.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .cat-style-3.lazy_thumb .list_news li:first-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cat-style-3.lazy_thumb .list_news li:first-child .thumb { height: 130px; } .cat-style-3.lazy_thumb .caption:before { display: none; } .cat-style-3.--style-vids .list_news li:first-child { position: relative; } .cat-style-3.--style-vids .list_news li:first-child i { position: absolute; top: 10px; left: 10px; font-size: 35px; color: #fff; } .cat-style-3.--style-vids .list_news li:first-child .thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cat-style-3.--style-vids .list_news li:first-child .title { width: 100%; position: absolute; bottom: 0; left: 0; padding: 15px; background: #00133c; background: -webkit-gradient(linear, left bottom, left top, color-stop(15%, #00133c), color-stop(100%, rgba(9, 9, 121, 0)), to(rgba(0, 19, 60, 0))); background: linear-gradient(to top, #00133c 15%, rgba(9, 9, 121, 0) 100%, rgba(0, 19, 60, 0) 100%); color: #fff; font-size: 16px; font-weight: 700; } .cat-style-4 .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cat-style-4 .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .cat-style-4 .caption .title:before { content: ""; position: absolute; z-index: 0; left: 35%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .cat-style-4 .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .cat-style-4 .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .cat-style-4 .caption .more:hover { text-decoration: underline; } .cat-style-4 .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .cat-style-4 .caption { margin: 0 -15px 15px; } .cat-style-4 .caption .title { padding-left: 15px; } .cat-style-4 .caption .more { padding-right: 15px; } } .cat-style-4 .list_news li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cat-style-4 .list_news li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #f3f3f3; } .cat-style-4 .list_news li .thumb { width: 120px; margin-right: 15px; } .cat-style-4 .list_news li .title { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; font-size: 15px; line-height: 1.35; font-weight: 500; } .box_trending .caption-2 { position: relative; margin-bottom: 15px; display: block; } .box_trending .caption-2 .title { font-weight: 700; font-size: 20px; color: #f40000; position: relative; background: #fff; text-transform: uppercase; display: inline-block; padding-right: 5px; } .box_trending .caption-2:before { content: ''; position: absolute; left: 0; right: 0; border-bottom: 2px solid #f40000; bottom: 11px; } .box_trending .content { padding: 20px 0; text-align: center; background: #f7f7f7; } .box_trending .content a { font-weight: lighter; margin-right: 10px; margin-bottom: 10px; display: inline-block; } .box_trending .content .trending-tag-1 { color: #999; } .box_trending .content .trending-tag-2 { color: #5eb2dd; font-size: 24px; } .box_trending .content .trending-tag-3 { color: #0769b4; } .box_trending .content .trending-tag-4 { color: #ea7a7c; font-size: 29px; } .box_trending .content .trending-tag-5 { color: #0070bb; } .box_trending .content .trending-tag-6 { color: #0070bb; font-size: 24px; } .box_trending .content .trending-tag-7 { color: #0f408b; font-size: 30px; } .box_latest_more li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ddd; } .box_latest_more li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .box_latest_more li .thumb { width: 196px; margin-right: 15px; position: relative; } .box_latest_more li .thumb i { position: absolute; top: 5px; right: 5px; font-size: 18px; color: #fff; } .box_latest_more li .text { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_latest_more li .text .title { font-size: 15px; line-height: 1.5; display: block; } .box_latest_more li .text .date { float: right; padding-top: 10px; font-size: 13px; color: #555; } .box_latest_more li .text .title { font-size: 18px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .box_latest_more li .text .sapo { font-size: 14px; color: #666; text-align: justify; line-height: 1.45; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .box_latest_more li .text .date { font-size: 13px; color: #555; } .box_latest_more li.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .box_latest_more li.lazy_thumb .thumb { height: 134.75px; background: #f4f4f4; } .box_latest_more li.lazy_thumb .title { width: 100%; } .box_latest_more li.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .box_latest_more li.lazy_thumb .line-half { width: 50%; } .box_latest_more li.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } @media screen and (max-width: 680px) { .box_latest_more li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #ddd; } .box_latest_more li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .box_latest_more li .thumb { width: 124px; margin-right: 12px; position: relative; } .box_latest_more li .thumb i { position: absolute; top: 5px; right: 5px; font-size: 18px; color: #fff; } .box_latest_more li .text { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_latest_more li .text .title { font-size: 15px; line-height: 1.5; display: block; } .box_latest_more li .text .date { float: right; padding-top: 10px; font-size: 13px; color: #555; } .box_latest_more li .title_cat { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") -50px -864px no-repeat; padding: 5px 4px 4px; font-size: 9px; color: #0d6eb7; text-transform: uppercase; margin-bottom: 10px; } } @media screen and (max-width: 680px) and (max-width: 580px) { .box_latest_more li .title_cat { position: relative; display: inline-block; font-size: 9px; padding: 2px 5px 1px 5px; color: #fff; line-height: normal; text-transform: uppercase; background: #e83c42; background: -webkit-gradient(linear, left top, right top, color-stop(0, #e83c42), to(#ff9000)); background: linear-gradient(to right, #e83c42 0, #ff9000 100%); } .box_latest_more li .title_cat:after { content: ''; display: block; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #ff9000; position: absolute; top: 0; left: 100%; } } @media screen and (max-width: 680px) { .box_latest_more.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .box_latest_more.lazy_thumb .thumb { height: 85.25px; background: #f4f4f4; } .box_latest_more.lazy_thumb .title { width: 100%; } .box_latest_more.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .box_latest_more.lazy_thumb .line-half { width: 50%; } .box_latest_more.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } } .btn_loadmore { font-size: 14px; text-transform: uppercase; width: 100%; background: #f2f2f2; color: #292929; border: 1px solid #e7e5e5; display: block; height: 44px; line-height: 44px; border-radius: 2px; cursor: pointer; text-align: center; margin-top: 15px; } .box_textlink { border: 1px solid #ddd; border-top: 1px solid #c12c2e; } .box_textlink .caption-3 { color: #c12c2e; font-weight: bold; font-size: 16px; padding: 5px 15px; text-transform: uppercase; } .box_textlink .caption-3 i { font-size: 12px; line-height: 1.5; } .box_textlink .list_link { background: #f5f5f5; border-top: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_textlink .list_link li { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding: 10px 15px; } .box_utility { margin-left: -15px; margin-top: -15px; margin-bottom: -15px; width: 100%; } .box_utility .list_utility { background-color: #fff; border-radius: 0 0 30px 0; padding: 10px 0 5px 0; overflow: hidden; -webkit-box-shadow: -4px -4px 15px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: -4px -4px 15px 0 rgba(0, 0, 0, 0.1) inset; } .box_utility .list_utility > li { display: block; padding: 0 7px; } .box_utility .list_utility > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; line-height: 1.5; font-weight: 400; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #f3f3f3; color: #292929; text-transform: uppercase; position: relative; } .box_utility .list_utility > li > a > i, .box_utility .list_utility > li > a > img { width: 18px; height: 18px; font-size: 18px; margin-right: 7px; } .box_utility .list_utility > li > a > .text { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_utility .list_utility > li > a .spn_number_news { position: absolute; left: 10px; top: 0; background-color: #e64c3c; color: #fff; font-size: 9px; border-radius: 50%; width: 15px; height: 15px; text-align: center; line-height: 15px; display: inline-block; } .box_utility .list_utility > li.tructiep-li > a .tructiep-icon { width: 26px; height: 21px; } .box_utility .list_tournamens { background-color: #fff; border-radius: 0 30px 30px 0; padding: 10px 0 5px 0; overflow: hidden; -webkit-box-shadow: -4px -4px 15px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: -4px -4px 15px 0 rgba(0, 0, 0, 0.1) inset; margin-bottom: 15px; margin-top: 15px; } .box_utility .list_tournamens li { display: block; } .box_utility .list_tournamens li a { font-size: 11px; padding: 7px 10px; border-bottom: 1px solid #f3f3f3; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_utility .list_tournamens li a .league-logo { margin-right: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_utility .list_tournamens li a .league-logo img { max-width: 20px; } .box_utility .list_tournamens li a .league-title { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; font-weight: 700; line-height: 1.8; } .box-pick { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-pick .top-pick { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .box-pick .top-pick .cover .thumb { display: block; } .box-pick .top-pick .cover .content { background: #f1f1f1; padding: 15px; } .box-pick .top-pick .cover .content .title_cat { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") -50px -864px no-repeat; padding: 5px 4px 4px; font-size: 9px; color: #0d6eb7; text-transform: uppercase; margin-bottom: 10px; } @media screen and (max-width: 580px) { .box-pick .top-pick .cover .content .title_cat { position: relative; display: inline-block; font-size: 9px; padding: 2px 5px 1px 5px; color: #fff; line-height: normal; text-transform: uppercase; background: #e83c42; background: -webkit-gradient(linear, left top, right top, color-stop(0, #e83c42), to(#ff9000)); background: linear-gradient(to right, #e83c42 0, #ff9000 100%); } .box-pick .top-pick .cover .content .title_cat:after { content: ''; display: block; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #ff9000; position: absolute; top: 0; left: 100%; } } .box-pick .top-pick .cover .content .title { font-size: 24px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.35; } .box-pick .top-pick .cover .content .title .special-line { text-transform: uppercase; font-weight: 700; line-height: 1.35; color: #0085de; } .box-pick .top-pick .cover .content .sapo { font-weight: 400; font-size: 15px; line-height: 1.4; color: #666; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .box-pick .top-pick .scroll { position: absolute; top: 0; right: 0; height: 100%; overflow: auto; border-bottom: 3px solid #f5f5f5; } .box-pick .top-pick .pick_right { padding-left: 15px; } .box-pick .top-pick .pick_right li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .box-pick .top-pick .pick_right li a { font-size: 14px; line-height: 1.44; } .box-pick .top-pick .pick_right li a .special-line { text-transform: uppercase; font-weight: 700; line-height: 1.35; color: #0085de; } .box-pick .top-pick .pick_right li:last-child { margin-bottom: 0; border-bottom: 0; } .box-pick .bot-pick ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } .box-pick .bot-pick ul li { -webkit-box-flex: 0; -ms-flex: 0 32%; flex: 0 32%; } .box-pick .bot-pick ul li .content .title_cat { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") -50px -864px no-repeat; padding: 5px 4px 4px; font-size: 9px; color: #0d6eb7; text-transform: uppercase; margin-bottom: 10px; } @media screen and (max-width: 580px) { .box-pick .bot-pick ul li .content .title_cat { position: relative; display: inline-block; font-size: 9px; padding: 2px 5px 1px 5px; color: #fff; line-height: normal; text-transform: uppercase; background: #e83c42; background: -webkit-gradient(linear, left top, right top, color-stop(0, #e83c42), to(#ff9000)); background: linear-gradient(to right, #e83c42 0, #ff9000 100%); } .box-pick .bot-pick ul li .content .title_cat:after { content: ''; display: block; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #ff9000; position: absolute; top: 0; left: 100%; } } .box-pick .bot-pick ul li .content .title { font-size: 15px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; margin-bottom: 0; } .box-pick .bot-pick ul li .content .title .special-line { text-transform: uppercase; font-weight: 700; line-height: 1.35; color: #0085de; } .breadcrumb { border-bottom: 1px dotted #ccc; padding-bottom: 10px; white-space: nowrap; overflow: hidden; } .breadcrumb a { color: #666; font-size: 13px; } .breadcrumb a.active { color: #254892; } .breadcrumb i { color: #254892; font-size: 7px; margin: 0 5px; display: inline-block; line-height: 14px; } .box_top_category { margin-bottom: 15px; } .box_top_category .title_cat { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") -50px -864px no-repeat; padding: 5px 4px 4px; font-size: 9px; color: #0d6eb7; text-transform: uppercase; margin-bottom: 10px; } @media screen and (max-width: 580px) { .box_top_category .title_cat { position: relative; display: inline-block; font-size: 9px; padding: 2px 5px 1px 5px; color: #fff; line-height: normal; text-transform: uppercase; background: #e83c42; background: -webkit-gradient(linear, left top, right top, color-stop(0, #e83c42), to(#ff9000)); background: linear-gradient(to right, #e83c42 0, #ff9000 100%); } .box_top_category .title_cat:after { content: ''; display: block; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid #ff9000; position: absolute; top: 0; left: 100%; } } .box_top_category .big_title { color: #254892; font-size: 30px; font-weight: normal; display: block; margin-bottom: 10px; } .box_top_category .cover { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: whitesmoke; } .box_top_category .cover .thumb { width: 360px; } .box_top_category .cover .text { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box_top_category .cover .text .title { font-size: 22px; font-weight: 700; line-height: 1.4; margin-bottom: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .box_top_category .cover .text .sapo { font-size: 15px; line-height: 1.4; color: #666; text-align: justify; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .box_top_category .list_news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box_top_category .list_news li { -webkit-box-flex: 0; -ms-flex: 0 31.5%; flex: 0 31.5%; } .box_top_category .list_news li .thumb { margin-bottom: 5px; } .box_top_category .list_news li .title { font-size: 15px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; margin-bottom: 0; } .caption-single .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caption-single .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .caption-single .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .caption-single .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .caption-single .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .caption-single .caption .more:hover { text-decoration: underline; } .caption-single .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .caption-single .caption { margin: 0 -15px 15px; } .caption-single .caption .title { padding-left: 15px; } .caption-single .caption .more { padding-right: 15px; } } .caption-more-detail .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caption-more-detail .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .caption-more-detail .caption .title:before { content: ""; position: absolute; z-index: 0; left: 45%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .caption-more-detail .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .caption-more-detail .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .caption-more-detail .caption .more:hover { text-decoration: underline; } .caption-more-detail .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .caption-more-detail .caption { margin: 0 -15px 15px; } .caption-more-detail .caption .title { padding-left: 15px; } .caption-more-detail .caption .more { padding-right: 15px; } } .box_top_goal { margin-bottom: 15px; } .box_top_goal .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } .box_top_goal .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .box_top_goal .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .box_top_goal .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .box_top_goal .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .box_top_goal .caption .more:hover { text-decoration: underline; } .box_top_goal .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .box_top_goal .caption { margin: 0 -15px 15px; } .box_top_goal .caption .title { padding-left: 15px; } .box_top_goal .caption .more { padding-right: 15px; } } .box_top_goal .content .head_list { background: #f3f3f3 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -405px no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_top_goal .content .head_list .number_one { padding-left: 10px; font-size: 90px; line-height: 111px; color: #e0e0e0; font-weight: 400; } .box_top_goal .content .head_list .info { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_top_goal .content .head_list .info .name { font-size: 16px; color: #c12c2e; display: block; margin-bottom: 15px; font-weight: 500; } .box_top_goal .content .head_list .info .club { font-size: 10px; color: #292929; display: block; line-height: normal; font-weight: 700; } .box_top_goal .content .head_list .info .score { font-size: 14px; color: #c12c2e; font-weight: 700; } .box_top_goal .content .list_player { border: 1px solid #efefef; border-top: 0; border-radius: 0 0 0 30px; overflow: hidden; } .box_top_goal .content .list_player table { width: 100%; } .box_top_goal .content .list_player table tr { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 10px 0; } .box_top_goal .content .list_player table tr:last-child { border-bottom: 0; } .box_top_goal .content .list_player table tr .number { font-size: 12px; color: #292929; width: 15%; text-align: right; padding-right: 5px; vertical-align: middle; } .box_top_goal .content .list_player table tr .info { width: 70%; padding: 10px; } .box_top_goal .content .list_player table tr .info .name { font-size: 12px; color: #292929; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; line-height: 1.5; } .box_top_goal .content .list_player table tr .info .club { font-size: 10px; color: #292929; display: block; line-height: normal; font-weight: 700; } .box_top_goal .content .list_player table tr .score { font-size: 12px; color: #c12c2e; font-weight: 700; width: 15%; padding-left: 5px; vertical-align: middle; } .box_social_post li { display: block; position: relative; margin-bottom: 15px; } .box_social_post li a { width: 32px; height: 32px; font-size: 32px; display: block; cursor: pointer; } .box_social_post li a i { float: left; } .box_social_post li .linkshare { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); left: 100%; white-space: nowrap; font-size: 12px; color: #fff; padding: 0 10px; height: 20px; line-height: 20px; border-radius: 0 3px 3px 0; margin-left: 10px; display: none; z-index: 99; } .box_social_post li .linkshare:before { content: ''; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid; position: absolute; right: 100%; top: 0; } .box_social_post li:hover .linkshare { display: block; } .box_social_post li.sharezalo > a { color: #03a5fa; } .box_social_post li.sharezalo > .linkshare { background-color: #03a5fa; } .box_social_post li.sharezalo > .linkshare:before { border-right-color: #03a5fa; } .box_social_post li.sharefb > a { color: #4267b2; } .box_social_post li.sharefb > .linkshare { background-color: #4267b2; } .box_social_post li.sharefb > .linkshare:before { border-right-color: #4267b2; } .box_social_post li.tiktok > a { color: #4267b2; } .box_social_post li.tiktok > .linkshare { background-color: black; } .box_social_post li.tiktok > .linkshare:before { border-right-color: black; } .box_social_post li.copy > a { padding: 8px; background: #a5a5a5; border-radius: 9px; } .box_social_post li.copy > .linkshare { background-color: #a5a5a5; } .box_social_post li.copy > .linkshare:before { border-right-color: #a5a5a5; } .detail_article .big_title { font-size: 30px; margin-top: 10px; margin-bottom: 20px; color: #254892; line-height: 1.4; font-weight: 700; display: block; } .detail_article .date_info { font-size: 14px; padding: 5px 0; margin-bottom: 15px; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; color: #868686; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail_article .date_info .col-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail_article .date_info .col-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .detail_article .date_info .col-right .select-font-size { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail_article .date_info .col-right .select-font-size .item { cursor: pointer; text-align: center; font-weight: 500; min-width: 30px; padding: 0 7px; height: 30px; line-height: 30px; border: 1px solid #ddd; margin-left: 7px; color: #000; } .detail_article .date_info .col-right .select-font-size .item small { font-size: 11px; position: relative; top: -10px; } .detail_article .sapo_detail { font-weight: 500; font-size: 18px; color: #292929; line-height: 1.5; text-align: justify; margin-bottom: 15px; } .detail_article #content_detail { font-size: 18px; line-height: 1.5; word-wrap: break-word; color: #111; } .detail_article #content_detail h1, .detail_article #content_detail h2, .detail_article #content_detail h3, .detail_article #content_detail h4, .detail_article #content_detail h5, .detail_article #content_detail h6 { font-size: 22px; display: block; line-height: 1.35; margin-bottom: 7px; font-weight: 700; } .detail_article #content_detail p, .detail_article #content_detail figure { margin-bottom: 15px; } .detail_article #content_detail figure a { display: block; } .detail_article #content_detail figure figcaption { display: block; padding: 8px 0; font-size: 86%; } .detail_article #content_detail ul { margin-bottom: 15px; padding-left: 40px; } .detail_article #content_detail ul li { list-style: inherit; font-size: 96%; margin-bottom: 5px; } .detail_article #content_detail .mce-toc { border: 1px solid #ddd; padding: 10px; margin-bottom: 15px; } .detail_article #content_detail .mce-toc ul { margin: 10px 0; } .detail_article #content_detail .mce-toc ul li { list-style-type: disc; margin-left: 20px; font-size: 90%; margin: 5px 0 5px 15px; } .detail_article #content_detail .mce-toc ul li a { color: #333; } .detail_article #content_detail .mce-toc ul li a:hover { color: #1b95e0; } .detail_article #content_detail .exp_attach { -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); background: url(https://cdn-img.thethao247.vn/frontend/images/attach-icon.jpg) no-repeat #eee; height: 64px; overflow: hidden; max-width: 100%; padding: 8px 10px 10px 77px; margin: 12px 0; font-family: Arial; } .detail_article #content_detail .exp_attach a { font-weight: 500; color: #254892; text-decoration: underline; } .detail_article #content_detail .exp_attach p { font-size: 13px; font-style: italic; } .detail_article #content_detail .quote-inner img { max-width: 100%; height: auto; } .detail_article #content_detail blockquote { display: inline-block !important; font-size: 100% !important; line-height: 1.5 !important; width: 100% !important; margin-bottom: 15px !important; padding: 15px; } .detail_article #content_detail blockquote p:last-child { margin-bottom: 0; } .detail_article #content_detail.font-17 p, .detail_article #content_detail.font-17 figure, .detail_article #content_detail.font-17 ul, .detail_article #content_detail.font-17 li, .detail_article #content_detail.font-17 figcaption, .detail_article #content_detail.font-17 a { font-size: 100%; } .detail_article #content_detail.font-23 p, .detail_article #content_detail.font-23 figure, .detail_article #content_detail.font-23 ul, .detail_article #content_detail.font-23 li, .detail_article #content_detail.font-23 figcaption, .detail_article #content_detail.font-23 a { font-size: 110%; } .detail_article #content_detail.font-27 p, .detail_article #content_detail.font-27 figure, .detail_article #content_detail.font-27 ul, .detail_article #content_detail.font-27 li, .detail_article #content_detail.font-27 figcaption, .detail_article #content_detail.font-27 a { font-size: 120%; } .detail_article .block_signature { color: #292929; font-size: 13px; text-align: right; margin: 0 0 25px; } .detail_article .block_signature .link_author { color: #254892; text-transform: uppercase; font-weight: 700; } .detail_article .block_signature .link_author img { display: inline-block; vertical-align: middle; } .detail_article .block_signature .spn_source { color: #292929; text-transform: uppercase; } .detail_article .block_signature a { color: #254892; } .detail_article .breadcrumb_bottom { background: #f2f2f2; border: none; padding: 14px 25px; margin-bottom: 15px; border-radius: 40px; font-size: 13px; color: #555; line-height: 0; } .detail_article .breadcrumb_bottom i { font-size: 9px; margin: 0 5px; color: #999; } .detail_article .breadcrumb_bottom a.active, .detail_article .breadcrumb_bottom a:hover { color: #254892; } .detail_article .share_social { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 20px; } .detail_article .share_social > li { -webkit-box-flex: 0; -ms-flex: 0 49%; flex: 0 49%; } .detail_article .share_social > li > a { display: block; font-size: 12px; color: #fff; height: 40px; text-align: center; border-radius: 30px; line-height: 40px; cursor: pointer; } .detail_article .share_social .ico_share_social { display: inline-block; line-height: 30px; vertical-align: middle; } .detail_article .share_social .ico_share_social:after { content: ''; display: block; clear: both; } .detail_article .share_social .ico_share_social svg { float: left; width: 20px; height: 30px; fill: #fff; margin-right: 10px; } .detail_article .share_social .zalo_social { background-color: #1b95e0; } .detail_article .share_social .zalo_social:hover { background-color: #0f88d2; } .detail_article .share_social .fb_social { background-color: #1257be; } .detail_article .share_social .fb_social:hover { background-color: #0949a7; } .detail_article .news_suggest .caption { border-bottom: 1px solid #254892; height: 22px; margin-bottom: 15px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .detail_article .news_suggest .caption .title { padding: 0 10px; background-color: #0f408b; position: relative; } .detail_article .news_suggest .caption .title:before { content: ""; position: absolute; z-index: 0; left: 30%; top: 0; width: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 23px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") left -839px no-repeat; } .detail_article .news_suggest .caption .title span { z-index: 1; position: relative; font-size: 15px; line-height: 24px; text-transform: uppercase; color: #fff; font-weight: 600; display: inline-block; } .detail_article .news_suggest .caption .more { font-size: 10px; line-height: 23px; color: #254892; text-transform: uppercase; font-weight: 700; } .detail_article .news_suggest .caption .more:hover { text-decoration: underline; } .detail_article .news_suggest .caption .more i { font-size: 8px; line-height: 23px; } @media screen and (max-width: 480px) { .detail_article .news_suggest .caption { margin: 0 -15px 15px; } .detail_article .news_suggest .caption .title { padding-left: 15px; } .detail_article .news_suggest .caption .more { padding-right: 15px; } } .detail_article .news_suggest .content .list_news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .detail_article .news_suggest .content .list_news li { -webkit-box-flex: 0; -ms-flex: 0 31.5%; flex: 0 31.5%; margin-bottom: 15px; } .detail_article .news_suggest .content .list_news li .thumb { margin-bottom: 7.5px; } .detail_article .news_suggest .content .list_news li .title { font-size: 15px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; font-weight: 500; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0; } .detail_article .news_suggest.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .detail_article .news_suggest.lazy_thumb .thumb { height: 110px; background: #f4f4f4; } .detail_article .news_suggest.lazy_thumb .title { width: 100%; } .detail_article .news_suggest.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .detail_article .news_suggest.lazy_thumb .line-half { width: 50%; } .detail_article .news_suggest.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .detail_article .news_suggest.lazy_thumb .caption:before { display: none; } .detail_article .tags_article { border-top: 1px solid #f3f3f3; padding-top: 12px; margin-bottom: 20px; } .detail_article .tags_article a { margin-top: 5px; display: inline-block; font-size: 12px; color: #333; border: 1px solid #ccc; padding: 2px 15px; border-radius: 10px 0 10px 0; background-color: #fff; } .detail_article .category_suggest { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .detail_article .category_suggest .box { -webkit-box-flex: 0; -ms-flex: 0 31.5%; flex: 0 31.5%; margin-bottom: 15px; } .detail_article .category_suggest .box .caption { font-size: 14px; color: #254892; position: relative; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 10px; display: block; font-weight: 500; } .detail_article .category_suggest .box .caption:before { content: ''; display: block; width: 100%; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") -40px -882px no-repeat; height: 3px; position: absolute; bottom: 0; right: 0; } .detail_article .category_suggest .box .list_news li { display: block; padding: 10px 0; border-bottom: 1px solid #d8d8d8; } .detail_article .category_suggest .box .list_news li .title { line-height: 1.4; } .detail_article .category_suggest .box .list_news li:first-child .thumb { margin-bottom: 5px; } .detail_article .category_suggest .box .list_news li:first-child .title { font-size: 14px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; margin-bottom: 0; } .detail_article .category_suggest .box .list_news li:last-child { border-bottom: 0; } .detail_article .category_suggest .box.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .detail_article .category_suggest .box.lazy_thumb .thumb { height: 110px; background: #f4f4f4; } .detail_article .category_suggest .box.lazy_thumb .title { width: 100%; } .detail_article .category_suggest .box.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .detail_article .category_suggest .box.lazy_thumb .line-half { width: 50%; } .detail_article .category_suggest .box.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .detail_article .category_suggest .box.lazy_thumb .caption:before { display: none; } .youth_news .caption { background: url(https://cdn-img.thethao247.vn/frontend/images/line-gioitre.png) right center no-repeat, url(https://cdn-img.thethao247.vn/frontend/images/icon-gioitre.png) left center no-repeat #fe7503; padding-left: 65px; color: #fff; font-size: 20px; font-weight: bold; line-height: 40px; text-transform: uppercase; margin-bottom: 15px; } .youth_news .content .list_news { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .youth_news .content .list_news li { -webkit-box-flex: 0; -ms-flex: 0 calc(50% - 10px); flex: 0 calc(50% - 10px); margin-bottom: 20px; } .youth_news .content .list_news li .thumb { margin-bottom: 7.5px; position: relative; border-radius: 5px; overflow: hidden; display: inline-block; position: relative; width: 280px; height: 160px; } .youth_news .content .list_news li .thumb > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .youth_news .content .list_news li .thumb .logo { height: 22px; position: absolute; bottom: 5px; right: 5px; z-index: 8; display: inline-block; } .youth_news .content .list_news li .thumb .logo img { max-height: 22px; max-width: 80px; height: 100%; } .youth_news .content .list_news li .title { font-size: 18px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; font-weight: 700; line-height: 1.4; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0; } .youth_news .content .list_news li .link { color: #1771C4; font-size: 12px; } .youth_news.--v2 .content .list_news li { -webkit-box-flex: 100%; -ms-flex: 100%; flex: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .youth_news.--v2 .content .list_news li .thumb { width: 140px; height: 90px; margin-right: 15px; margin-bottom: 0; } .youth_news.--v2 .content .list_news li .thumb .logo img { max-width: 50px; max-height: 18px; -o-object-fit: inherit; object-fit: inherit; } .youth_news.--v2 .content .list_news li .text { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .youth_news.--v2 .content .list_news li .text .title { font-size: 14px; font-weight: 600; display: block; margin-bottom: 10px; line-height: 1.35; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 3px; } .youth_news.lazy_thumb .caption { color: #444; background-color: #444; height: 20px; border-radius: 100px; margin: 5px 0 15px; min-width: 100px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; width: 100%; } .youth_news.lazy_thumb .thumb { height: 110px; background: #f4f4f4; } .youth_news.lazy_thumb .title { width: 100%; } .youth_news.lazy_thumb .line { display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 8px 0; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; } .youth_news.lazy_thumb .line-half { width: 50%; } .youth_news.lazy_thumb .date { width: 25%; display: block; background-color: #444; height: 12px; border-radius: 100px; margin: 5px 0; min-width: 50px; opacity: .1; -webkit-animation: fading 1.5s infinite; animation: fading 1.5s infinite; text-indent: -9999px; } .youth_news.lazy_thumb .caption:before { display: none; } .data-page .caption-4 { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -372px no-repeat; font-size: 18px; color: #254892; border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; font-weight: 500; text-transform: uppercase; display: block; margin-bottom: 0; } @media screen and (max-width: 480px) { .data-page .caption-4 { margin: 0 -15px 15px; padding-left: 15px; text-transform: inherit; line-height: 25px; font-weight: normal; font-size: 21px; } } .data-page .date-data { color: #9a9a9a; background: #fff; font-size: 13px; line-height: 22px; text-align: right; } .data-page .select_charts { margin: 15px 0; } .data-page .select_charts .--select-wrapper { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; border-top: 0; } .data-page .select_charts .--select-wrapper .--select { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .data-page .select_charts .--select-wrapper .--select .--select__trigger { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 30px; font-size: 14px; line-height: 30px; color: #f40000; background: #ffffff; padding: 0 10px; text-transform: uppercase; cursor: pointer; z-index: 3; border: 1px solid #efefef; } .data-page .select_charts .--select-wrapper .--select .--select__trigger .arrow { position: relative; height: 10px; width: 10px; } .data-page .select_charts .--select-wrapper .--select .--select__trigger .arrow::before, .data-page .select_charts .--select-wrapper .--select .--select__trigger .arrow::after { content: ""; position: absolute; bottom: 0px; width: 2px; height: 10px; -webkit-transition: all 0.1s; transition: all 0.1s; } .data-page .select_charts .--select-wrapper .--select .--select__trigger .arrow::before { left: -3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #009dfd; } .data-page .select_charts .--select-wrapper .--select .--select__trigger .arrow::after { left: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #009dfd; } .data-page .select_charts .--select-wrapper .--select .--options { position: absolute; display: block; top: -100%; right: 25%; left: 25%; width: 50%; background: #fff; -webkit-transition: all 0.1s; transition: all 0.1s; opacity: 0; visibility: hidden; pointer-events: none; z-index: 2; border-radius: 0 0 5px 5px; overflow: hidden; } .data-page .select_charts .--select-wrapper .--select .--options .--option { position: relative; display: block; padding: 0 10px; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; border: 1px solid #efefef; border-top: 0; } .data-page .select_charts .--select-wrapper .--select .--options .--option .thumb { width: 21px; position: absolute; top: 0; left: 10px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .data-page .select_charts .--select-wrapper .--select .--options .--option .title { margin-left: 31px; color: #333; font-size: 13px; line-height: 35px; } .data-page .select_charts .--select-wrapper .--select .--options .--option:hover { cursor: pointer; background-color: #f6f6f6; } .data-page .select_charts .--select-wrapper .--select .--options .--option.selected { background-color: #f6f6f6; font-weight: 500; } .data-page .select_charts .--select-wrapper .--select.open .--options { top: 100%; right: 0; left: 0; width: 100%; opacity: 1; visibility: visible; pointer-events: all; } .data-page .select_charts .--select-wrapper .--select.open .arrow::before { left: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .data-page .select_charts .--select-wrapper .--select.open .arrow::after { left: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .box_livescore .caption { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; position: relative; padding: 5px 16px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 10px; } .box_livescore .caption .title { font-size: 14px; color: #fff; position: relative; display: inline-block; line-height: 24px; text-transform: none; padding-right: 16px; padding-left: 0; font-weight: 500; } .box_livescore .caption .title { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_livescore .caption .title img { width: 20px; margin-right: 4px; } .box_livescore .caption .more { color: white; line-height: 2; font-size: 12px; } .box_livescore .list_match { display: block; } .box_livescore .list_match li { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 15px; } .box_livescore .list_match li + li { border-top: 1px solid #ececec; } .box_livescore .list_match li:nth-child(2n) { background-color: #f4f4f4; } .box_livescore .list_match li .time { width: 50px; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_livescore .list_match li .time a { color: #254892; line-height: 24px; } .box_livescore .list_match li .group { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_livescore .list_match li .group .team { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_livescore .list_match li .group .team a { font-size: 14px; color: #000; text-overflow: ellipsis; overflow: hidden; line-height: 24px; -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_livescore .list_match li .group .team img { max-width: 25px; max-height: 25px; } .box_livescore .list_match li .group .team-a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .box_livescore .list_match li .group .team-a img { margin-left: 4px; } .box_livescore .list_match li .group .team-a a { text-align: right; } .box_livescore .list_match li .group .team-b img { margin-right: 4px; } .box_livescore .list_match li .group .score { width: 70px; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_livescore .list_match li .group .score a { color: #254892; font-weight: 700; line-height: 24px; } .box_livescore .list_match li .group .score.active a { background: #073776; color: #fff; padding: 0 6px; } .box_livescore .list_match li .more { width: 30px; text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; line-height: 24px; } .box_livescore .list_match li .more .name { display: block; width: 10px; height: 10px; background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") 0 -395px no-repeat; } .box_livescore .list_match li.caption-days { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 8px 0 0; } .box_livescore .list_match li.caption-days .title { color: #3a4e91; padding: 0 5px; border-bottom: 1px solid red; line-height: 30px; display: inline-block; position: relative; top: 1px; font-size: 13px; } .box_tructiep .caption { padding: 15px 0px; } .box_tructiep .caption .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_tructiep .caption .title a { font-size: 20px; font-weight: 700; color: #f40000; } .box_tructiep .caption .title i { margin-left: 8px; font-size: 15px; font-weight: 500; color: #0070bb; } .box_tructiep .list_match li { padding: 15px; border-top: 1px solid #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_tructiep .list_match li:nth-child(2n) { background-color: #f4f4f4; } .box_tructiep .list_match li .team { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_tructiep .list_match li .team a { font-size: 14px; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 40px; font-weight: 500; } .box_tructiep .list_match li .team img { max-width: 40px; max-height: 40px; } .box_tructiep .list_match li .team-a { text-align: right; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .box_tructiep .list_match li .team-a img { margin-left: 4px; } .box_tructiep .list_match li .team-b{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_tructiep .list_match li .team-b img { margin-right: 4px; } .box_tructiep .list_match li .score { width: 90px; text-align: center; } .box_tructiep .list_match li .score a:first-child { display: block; } .box_tructiep .list_match li .score strong { display: block; font-size: 22px; font-weight: 700; color: #264892; } .box_tructiep .list_match li .score small { font-size: 11px; color: #999; } .list_day_match { max-width: 495px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; } .list_day_match ul { white-space: nowrap; overflow: hidden; } .list_day_match ul li { width: 65px; display: inline-block; text-align: center; } .list_day_match ul li a { width: 100%; display: block; padding: 5px 0; line-height: 1.33; } .list_day_match ul li a .month { text-transform: uppercase; font-size: 12px; text-align: center; color: #333; } .list_day_match ul li a .day { font-size: 16px; color: #0070bb; text-align: center; font-weight: 700; } .list_day_match ul li a .weekdays { font-size: 12px; color: #333; text-align: center; } .list_day_match ul li:focus, .list_day_match ul li:hover, .list_day_match ul li:active { background-color: #efefef; } .list_day_match ul li.active { background-color: #f40000; } .list_day_match ul li.active .month, .list_day_match ul li.active .day, .list_day_match ul li.active .weekdays { color: #fff; } .content_detail p, .txt_content p { font-size: 18px; line-height: 1.6; margin-bottom: 18px; text-align: justify; } .content_detail a, .txt_content a { color: #1b95e0; } .content_detail .explus_related_1404022217, .txt_content .explus_related_1404022217 { background-color: #f2f2f2; border: 1px solid #ddd; border-top: 3px solid red; margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .content_detail .explus_related_1404022217 > div:first-child, .txt_content .explus_related_1404022217 > div:first-child { padding: 7px 10px; background: #fff; color: #254892; } .content_detail .explus_related_1404022217 > div:first-child .explus_related_1404022217_letter, .txt_content .explus_related_1404022217 > div:first-child .explus_related_1404022217_letter { font-size: 18px; line-height: 1.35; padding: 0; font-weight: 700; text-transform: uppercase; } .content_detail .explus_related_1404022217_title, .txt_content .explus_related_1404022217_title { text-decoration: none; font-size: .95em; line-height: 1.6; margin: 5px 0 15px; text-align: left; font-weight: 500; color: #264992; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .content_detail a.explus_related_1404022217_photo, .txt_content a.explus_related_1404022217_photo { width: 87px; } .content_detail .explus_related_1404022217_left, .txt_content .explus_related_1404022217_left { float: left; width: 300px; margin-right: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content_detail .explus_related_1404022217_left .explus_related_1404022217_item, .txt_content .explus_related_1404022217_left .explus_related_1404022217_item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 10px; border-bottom: 1px solid #ddd; } .content_detail .explus_related_1404022217_left .explus_related_1404022217_item .explus_related_1404022217_title, .txt_content .explus_related_1404022217_left .explus_related_1404022217_item .explus_related_1404022217_title { font-size: 14px; line-height: 1.35; margin: 0; font-weight: 500; color: #333; -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding-left: 10px; } .content_detail .explus_related_1404022217_left .explus_related_1404022217_item:last-child, .txt_content .explus_related_1404022217_left .explus_related_1404022217_item:last-child { border-bottom: 0; } .content_detail .explus_related_1404022217_right, .txt_content .explus_related_1404022217_right { float: right; width: 300px; margin-left: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .content_detail .explus_related_1404022217_right .explus_related_1404022217_item, .txt_content .explus_related_1404022217_right .explus_related_1404022217_item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 10px; border-bottom: 1px solid #ddd; } .content_detail .explus_related_1404022217_right .explus_related_1404022217_item .explus_related_1404022217_title, .txt_content .explus_related_1404022217_right .explus_related_1404022217_item .explus_related_1404022217_title { font-size: 14px; line-height: 1.35; margin: 0; font-weight: 500; color: #333; -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding-left: 10px; } .content_detail .explus_related_1404022217_right .explus_related_1404022217_item:last-child, .txt_content .explus_related_1404022217_right .explus_related_1404022217_item:last-child { border-bottom: 0; } .content_detail .explus_related_1404022217_bottom, .txt_content .explus_related_1404022217_bottom { margin-top: 45px; background-color: #fff; border: 0; border-top: 3px solid red; padding-top: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .content_detail .explus_related_1404022217_bottom > div:first-child, .txt_content .explus_related_1404022217_bottom > div:first-child { position: absolute; top: -45px; padding: 7px 10px 7px 0; background: #fff; color: #254892; } .content_detail .explus_related_1404022217_bottom > div:first-child .explus_related_1404022217_letter, .txt_content .explus_related_1404022217_bottom > div:first-child .explus_related_1404022217_letter { font-size: 18px; line-height: 1.35; padding: 0; font-weight: 700; text-transform: uppercase; } .content_detail .explus_related_1404022217_bottom .explus_related_1404022217_item, .txt_content .explus_related_1404022217_bottom .explus_related_1404022217_item { -webkit-box-flex: 0; -ms-flex: 0 23.5%; flex: 0 23.5%; overflow: hidden; border: none; padding: 0; } .content_detail .explus_related_1404022217_bottom .explus_related_1404022217_item .explus_related_1404022217_title, .txt_content .explus_related_1404022217_bottom .explus_related_1404022217_item .explus_related_1404022217_title { padding: 10px 0; display: block !important; margin-bottom: 0; } .content_detail .explus_related_1404022217_bottom .explus_related_1404022217_item_last, .txt_content .explus_related_1404022217_bottom .explus_related_1404022217_item_last { margin-right: 0; } .content_detail .explus_related_1404022217_bottom.three .explus_related_1404022217_item, .txt_content .explus_related_1404022217_bottom.three .explus_related_1404022217_item { width: 32.0%; } .content_detail .explus_related_1404022217_photo img, .txt_content .explus_related_1404022217_photo img { max-width: 100%; height: auto; } .box_widget .caption { margin: 10px 0 5px; font-weight: 700; font-size: 16px; } .box_widget textarea { width: 100%; height: 75px; padding: 12px; border: 1px solid #cbcaca; color: #747474; } .box_logo_league .caption { margin: 10px 0 5px; font-weight: 700; font-size: 16px; } .box_logo_league ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 7.5px -7.5px 0; } .box_logo_league ul li { width: 33.3%; padding: 0 7.5px; margin-bottom: 15px; } .box_logo_league ul li .wrap { border: 1px solid #ddd; text-align: center; min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_logo_league ul li .wrap .box { width: 100%; } .box_logo_league ul li .wrap .box .thumb { margin-bottom: 10px; } .box_logo_league ul li .wrap .box .thumb img { max-height: 100px; max-width: 100px; margin: 0 auto; } .box_logo_league ul li .wrap .box .title { font-weight: 700; color: #254892; } .box_info_league { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box_info_league .logo { max-width: 150px; margin-right: 25px; } .box_info_league .name_player { font-size: 20px; color: #f40000; text-transform: uppercase; display: block; margin-bottom: 10px; } .box_info_league .content { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_info_league .content ul li { color: #254892; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_info_league .content ul li .title { width: 30%; } .box_info_league .content ul li .info { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; font-weight: 700; } .box_info_league .content ul li select { width: 80px; padding: 4px 5px; border: 1px solid #e0e0e0; border-radius: 0; color: #747474; } @media screen and (max-width: 768px) { .box_info_league { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -15px 15px; } .box_info_league .logo { margin: 0 auto 25px; } .box_info_league .content { max-width: 100%; width: 100%; background: #f0f0f0; padding: 15px; border-top: 2px solid #254892; } .box_info_league .content ul li { margin-bottom: 3px; color: #333; } .box_info_league .content ul li .title { width: 30%; display: inline-block; } } .box_info_player { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 0; } .box_info_player .logo { max-width: 150px; margin-right: 25px; } .box_info_player .name_player { font-size: 20px; color: #f40000; text-transform: uppercase; display: block; margin-bottom: 10px; } .box_info_player .content { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } .box_info_player .content ul li { color: #254892; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_info_player .content ul li .title { width: 30%; } .box_info_player .content ul li .info { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; font-weight: 700; } .box_info_player .content ul li select { width: 80px; padding: 4px 5px; border: 1px solid #e0e0e0; border-radius: 0; color: #747474; } @media screen and (max-width: 768px) { .box_info_player { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -15px 15px; } .box_info_player .logo { margin: 0 auto 25px; } .box_info_player .content { max-width: 100%; width: 100%; background: #f0f0f0; padding: 15px; border-top: 2px solid #254892; } .box_info_player .content ul li { margin-bottom: 3px; color: #333; } .box_info_player .content ul li .title { width: 30%; display: inline-block; } } .box_info_player .logo img { border-radius: 50%; } .box_tabs ul { border-top: 1px solid #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_tabs ul li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; text-align: center; } .box_tabs ul li a { width: 100%; font-size: 12px; color: #333; text-transform: uppercase; padding: 11px; border-bottom: 2px solid transparent; } .box_tabs ul li.active a, .box_tabs ul li:hover a { color: #1b95e0; border-bottom: 2px solid #1b95e0; } .caption-6-single { margin: 20px 0 5px; } .caption-6-single .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .caption-6-single .title a { font-size: 20px; font-weight: 700; color: #f40000; } .caption-6-single .title i { margin-left: 8px; font-size: 15px; font-weight: 500; color: #0070bb; } .caption-6-single a { text-transform: uppercase; } .box_league_bxh table { background-color: #fff; width: 100%; border: 1px solid #ebebeb; } .box_league_bxh table .caption_table_bxh { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; } .box_league_bxh table .caption_table_bxh .th_team { text-align: left; padding-left: 10px; } .box_league_bxh table .caption_table_bxh .th_team .title { font-size: 14px; color: #fff; position: relative; display: inline-block; line-height: 24px; text-transform: none; padding-right: 16px; font-weight: 500; } .box_league_bxh table .caption_table_bxh th { color: #fff; } .box_league_bxh table tr { border-bottom: 1px solid #ebebeb; } .box_league_bxh table tr .th_team { width: 70%; } .box_league_bxh table tr th { padding: 4px 5px; white-space: nowrap; vertical-align: middle; font-size: 10px; color: #333; text-transform: uppercase; font-weight: normal; } .box_league_bxh table tr td { padding: 4px 5px; line-height: 25px; white-space: nowrap; font-size: 14px; color: #000; text-align: center; max-width: 100px; } .box_league_bxh table tr td .colteam { position: relative; padding-left: 30px; color: #254892; font-size: 13px; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; width: 100%; } .box_league_bxh table tr td .spn_numb_team { width: 23px; height: 23px; border-radius: 50%; line-height: 23px; text-align: center; font-size: 14px; color: #000; position: absolute; left: 0; top: calc(50% - 12px); background-color: transparent; } .box_league_bxh table tr td .tb_numb_team { background-color: #ffb400; color: #fff; } .box_league_bxh table tr td .tbl_numb_team { background-color: #ffcf61; color: #fff; } .box_league_bxh table tr td .botl_numb_team { background-color: #a10d02; color: #fff; } .box_league_bxh table tr td .top_numb_team { background-color: #00a651; color: #fff; } .box_league_bxh table tr td .top_numb_team { background-color: #00a651; color: #fff; } .box_league_bxh table tr td .bot_numb_team { background-color: #d20f00; color: #fff; } .box_league_bxh table tr td .bot_numb_team, .box_league_bxh table tr td .top_numb_team { color: #fff !important; } .box_league_bxh table tr:nth-child(2n+1) td { background-color: #f4f4f4; } .box_league_bxh table tr th:first-child, .box_league_bxh table tr td:first-child { text-align: left; overflow: hidden; text-overflow: ellipsis; } .box_league_bxh table tr.active td { background: #cacfff; } .box_league_bxh .row_indexcolor { text-align: right; } .box_league_bxh .row_indexcolor .indexcolor { display: inline-block; text-align: left; background-color: #e5e5e5; position: relative; padding-left: 10px; } .box_league_bxh .row_indexcolor .indexcolor:before { content: ''; display: block; width: 0; height: 0; border-left: 23px solid transparent; border-right: 23px solid #e5e5e5; border-top: 23px solid #e5e5e5; position: absolute; left: -23px; top: 0; } .box_league_bxh .row_indexcolor .indexcolor li { display: block; color: #292929; font-size: 10px; height: 23px; line-height: 23px; padding: 0 15px; position: relative; } .box_league_bxh .row_indexcolor .indexcolor li span { width: 10px; height: 10px; border-radius: 50%; display: block; position: absolute; left: 0; top: calc(50% - 5px); } .box_league_bxh .row_indexcolor .indexcolor li .top_numb_team { background-color: #00a651; color: #fff; } .box_league_bxh .row_indexcolor .indexcolor li .tb_numb_team { background-color: #ffb400; color: #fff; } .box_league_bxh .row_indexcolor .indexcolor li .botl_numb_team { background-color: #a10d02; color: #fff; } .box_league_bxh .row_indexcolor .indexcolor li .tbl_numb_team { background-color: #ffcf61; color: #fff; } .box_league_bxh .row_indexcolor .indexcolor li .bot_numb_team { background-color: #d20f00; color: #fff; } .box_league_bxh .row_indexcolor .indexcolor li .bot_numb_team, .box_league_bxh .row_indexcolor .indexcolor li .top_numb_team { color: #fff !important; } .box_league_top_goal table { background-color: #fff; width: 100%; border: 1px solid #ebebeb; } .box_league_top_goal table .caption_table_top_goal { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; } .box_league_top_goal table .caption_table_top_goal .th_team { text-align: left; } .box_league_top_goal table .caption_table_top_goal .th_team .title { font-size: 14px; color: #fff; position: relative; display: inline-block; line-height: 24px; text-transform: none; padding-right: 16px; font-weight: 500; } .box_league_top_goal table .caption_table_top_goal .th_team .title:after { content: ''; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #009eff; position: absolute; right: 0; top: calc(50% - 6px); } .box_league_top_goal table .caption_table_top_goal th { color: #fff; } .box_league_top_goal table tr { border-bottom: 1px solid #ebebeb; background-color: #f4f4f4; } .box_league_top_goal table tr .th_team { width: 70%; text-align: left; } .box_league_top_goal table tr .th_point { font-weight: 500; } .box_league_top_goal table tr th { padding: 8px 10px; white-space: nowrap; font-weight: normal; } .box_league_top_goal table tr th td:first-child { text-align: left; overflow: hidden; text-overflow: ellipsis; } .box_league_top_goal table tr td { padding: 4px 5px; line-height: 25px; white-space: nowrap; font-size: 14px; color: #000; text-align: center; max-width: 100px; } .box_league_top_goal table tr td a { color: #254892; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; width: 100%; } .box_league_top_goal table tr td.col_thumb_goal { padding: 0; } .box_league_top_goal table tr td.col_thumb_goal .head_list { background: #f3f3f3 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -405px no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_league_top_goal table tr td.col_thumb_goal .head_list .number_one { padding-left: 10px; font-size: 90px; line-height: 111px; color: #e0e0e0; font-weight: 400; } .box_league_top_goal table tr td.col_thumb_goal .head_list .info { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_league_top_goal table tr td.col_thumb_goal .head_list .info .name { font-size: 16px; color: #c12c2e; display: block; margin-bottom: 15px; font-weight: 500; } .box_league_top_goal table tr td.col_thumb_goal .head_list .info .club { font-size: 10px; color: #292929; display: block; line-height: normal; font-weight: 700; } .box_league_top_goal table tr td.col_thumb_goal .head_list .info .score { font-size: 14px; color: #c12c2e; font-weight: 700; } .box_league_top_goal table tr td:first-child { text-align: left; overflow: hidden; text-overflow: ellipsis; } .box_league_top_goal table tr td:first-child a { color: #333; } .box_league_top_goal table tr td .spn_numb_team { width: 23px; height: 23px; border-radius: 50%; line-height: 23px; text-align: center; font-size: 14px; color: #292929; position: absolute; left: 0; top: calc(50% - 12px); background-color: transparent; } .box_league_top_goal table tr td .colteam { padding-left: 33px; position: relative; } .box_league_top_goal table tr:nth-child(2n+1) td { background-color: #fff; } .box_league_clb table { width: 100%; } .box_league_clb table tr td { padding: 8px 10px; font-size: 14px; color: #000; max-width: 100px; vertical-align: middle; } .box_league_clb table tr td a { color: #254892; } .box_league_clb table tr td img { width: 40px; } .box_league_clb table tr:nth-child(2n+1) td { background-color: #f4f4f4; } .box_league_clb table tr:first-child { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; } .box_league_clb table tr:first-child th { color: #fff; font-weight: 500; padding: 8px 10px; text-align: left; white-space: nowrap; } .list_statistic_player { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px 15px; } .list_statistic_player li { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; padding: 10px 5px; } .list_statistic_player li .select-style-1 { -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1; outline: 0; padding: 0.65em 2.5em 0.55em 0.75em; border-radius: 0; background-color: white; background-image: linear-gradient(#d8d8d8, #d8d8d8), linear-gradient(-135deg, transparent 50%, #bae1ff 50%), linear-gradient(-225deg, transparent 50%, #bae1ff 50%), linear-gradient(#bae1ff 42%, #006fc2 42%); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%; background-position: right 20px center, right bottom, right bottom, right bottom; border: 1px solid #ddd; width: 100%; } .list_statistic_player li .select-style-1 option { color: #333; } .box_statistic_player .caption { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; padding: 4px 10px; } .box_statistic_player .caption .title { font-size: 14px; color: #fff; position: relative; display: inline-block; line-height: 24px; padding-right: 16px; } .box_statistic_player .content .list_statistic { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box_statistic_player .content .list_statistic > li { width: 50%; padding: 0 10px; margin-bottom: 20px; } .box_statistic_player .content .list_statistic > li .title_statistic { font-size: 13px; color: #333; line-height: 35px; text-transform: uppercase; } .box_statistic_player .content .list_statistic > li .number_statistic { color: #009eff; font-size: 30px; } .box_statistic_player .content .list_statistic > li > ul li { font-size: 12px; color: #969696; padding: 8px 10px 8px 20px; border-top: 1px solid #e4e4e4; } .box_statistic_player .content .list_statistic > li > ul li:first-child { margin-top: 5px; } .box_statistic_player .content .list_statistic > li > ul i { font-size: 10px; font-weight: 400; line-height: 17px; margin-right: 5px; } header.--v2 { background: #001e4c url(https://cdn-img.thethao247.vn/frontend/images/bgl_sec_header_pop.png) center no-repeat; background-size: 100%; } header.--v2 .container { width: 580px; } header.--v2 .container .top-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header.--v2 .container .top-header p { color: #fff; font-size: 13px; font-weight: 400; line-height: 1.5; } header.--v2 .container .top-header .right { text-align: right; } header.--v2 .container .top-header .right a { color: #fff; font-size: 13px; } header.--v2 .container .middle-header { border-top: 1px solid; border-bottom: 1px solid; border-color: rgba(255, 255, 255, 0.1); position: relative; } header.--v2 .container .middle-header .fix_team_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } header.--v2 .container .middle-header .fix_team_inner .gen_fix_team_match { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header.--v2 .container .middle-header .fix_team_inner .gen_fix_team_match .flag_state { width: 75px; } header.--v2 .container .middle-header .fix_team_inner .gen_fix_team_match .col_namestate { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } header.--v2 .container .middle-header .fix_team_inner .gen_fix_team_match .col_namestate a { font-size: 20px; font-weight: 500; color: #fff; } header.--v2 .container .middle-header .fix_team_inner .center_fix_team_match { width: 80px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } header.--v2 .container .middle-header .fix_team_inner .center_fix_team_match .numbscore { font-size: 50px; font-weight: 300; } header.--v2 .container .middle-header .fix_team_inner .center_fix_team_match .spacescore { font-size: 20px; font-weight: 500; opacity: .6; } header.--v2 .container .middle-header .fix_team_inner .left_fix_team_match .flag_state { margin-right: 10px; } header.--v2 .container .middle-header .fix_team_inner .right_fix_team_match { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } header.--v2 .container .middle-header .fix_team_inner .right_fix_team_match .flag_state { margin-left: 10px; } header.--v2 .container .middle-header .fix_team_inner .right_fix_team_match .right_namestate { text-align: right; } header.--v2 .container .bottom-header .box_tabs ul { border-top: 0; text-align: center; display: block; } header.--v2 .container .bottom-header .box_tabs ul li { display: inline-block; } header.--v2 .container .bottom-header .box_tabs ul li.active a, header.--v2 .container .bottom-header .box_tabs ul li:hover a { color: #00baff; border-bottom: 2px solid #f40000; } header.--v2 .container .bottom-header .box_tabs ul li a { color: #fff; font-size: 11px; } main.--v2 .container { width: 580px; } main.--v2 .container .title-match { background: url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -372px no-repeat; font-size: 18px; color: #254892; border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; font-weight: 500; text-transform: uppercase; display: block; } @media screen and (max-width: 480px) { main.--v2 .container .title-match { margin: 0 -15px 15px; padding-left: 15px; text-transform: inherit; line-height: 25px; font-weight: normal; font-size: 21px; } } main.--v2 .container .caption-match { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; position: relative; padding: 5px 16px; text-align: center; } main.--v2 .container .caption-match .title { font-size: 14px; color: #fff; position: relative; display: inline-block; line-height: 24px; text-transform: none; padding-right: 16px; padding-left: 0; font-weight: 500; } main.--v2 .container .caption-match .title { font-family: 'Noto Serif', 'Roboto', serif; padding-right: 0; } main.--v2 .container .caption-match-2 { background: #254892 url("https://cdn-img.thethao247.vn/frontend/images/bg-min.svg?v=1") right -855px no-repeat; position: relative; padding: 5px 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; } main.--v2 .container .caption-match-2 .title { font-size: 14px; color: #fff; position: relative; display: inline-block; line-height: 24px; text-transform: none; padding-right: 16px; padding-left: 0; font-weight: 500; } main.--v2 .container .caption-match-2 .title { padding-right: 0; font-weight: 400; } main.--v2 .container .statistic_match ul li { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e4e4e4; padding: 10px 0; font-size: 14px; color: #333; } main.--v2 .container .statistic_match ul li:nth-child(2n) { background-color: #f4f4f4; } main.--v2 .container .statistic_match ul li .statis_txt { font-weight: 500; padding: 0 6px; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; text-align: center; } main.--v2 .container .statistic_match ul li .statis { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; display: -webkit-box; display: -ms-flexbox; display: flex; } main.--v2 .container .statistic_match ul li .statis .progress { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } main.--v2 .container .statistic_match ul li .statis .progress .percencolor { height: 12px; background: #0081db; display: inline-block; } main.--v2 .container .statistic_match ul li .statis .value { width: 42px; padding: 0 5px; } main.--v2 .container .statistic_match ul li .statis_left .progress { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } main.--v2 .container .statistic_match ul li .statis_left .progress .percencolor { background-color: #f40000; } main.--v2 .container .statistic_match ul li .statis_left .value { text-align: right; } main.--v2 .container .adsinfo { padding: 0 0 25px 0; text-align: center; font-size: 13px; font-weight: 400; line-height: 1.5; color: #333; } main.--v2 .container .adsinfo a { font-weight: 500; color: #0070bb; display: inline-block; } #magazine header { position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: #fff; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.15); } #magazine header .top-header { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; } #magazine header .top-header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #magazine header .top-header .logo .back-to-home { width: 50px; height: 50px; background: #ff6d15; text-align: center; } #magazine header .top-header .logo .back-to-home a { width: 50px; } #magazine header .top-header .logo .back-to-home a i { font-size: 21px; line-height: 50px; color: #fff; } #magazine header .top-header .logo a.img { padding-left: 10px; width: 190px; } #magazine main .big_image { width: 100%; } #magazine main .detail-mgz .container { width: 690px; } #magazine main .big_title { margin: 30px 0 20px; } #magazine main .sapo_detail { font-size: 20px; } #magazine main .content_detail p, #magazine main .content_detail li, #magazine main .content_detail em, #magazine main .content_detail i, #magazine main .content_detail strong, #magazine main .content_detail b, #magazine main .content_detail font { margin-top: 0px; margin-bottom: 20px; line-height: 1.7; font-size: 18px; } #magazine main .content_detail figure.large { margin: 0 -182px 30px; width: 1060px; } #magazine main .content_detail figure.full { width: 100%; margin-bottom: 30px; } #magazine main .content_detail figure.full img { max-width: 100%; width: 100%; } #magazine main .content_detail .exp_box_3_image, #magazine main .content_detail .exp_box_2_image { margin: 0 -182px 30px; width: 1060px; } #magazine main .content_detail .exp_box_3_image .exp_wrap, #magazine main .content_detail .exp_box_2_image .exp_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #magazine main .content_detail .exp_box_3_image .exp_wrap figure, #magazine main .content_detail .exp_box_2_image .exp_wrap figure { -webkit-box-flex: 1; flex: 1 0 0; -ms-flex: 1 0 0; -webkit-flex: 1 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; padding: 1px; } #magazine main .content_detail .exp_box_3_image .exp_wrap figure img, #magazine main .content_detail .exp_box_2_image .exp_wrap figure img { width: 100%; height: 100%; } #magazine main .author-source { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #magazine main .author-source .author { border-left: solid 5px #254892; padding-left: 20px; } #magazine main .author-source .author .credit-item { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 700; font-size: 16px; line-height: 1.7; } #magazine main .author-source .author .credit-item label { margin-right: 7px; } #magazine main .author-source .source { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: right; font-size: 16px; line-height: 1.7; } #magazine main .author-source .source a { color: #254892; } #magazine main .tags_article { padding-top: 0; } #magazine main .news_suggest { margin-bottom: 35px; } #magazine main .news_suggest .content .list_news li { width: 25%; } #box_next_up { -webkit-transition: all 0.3s; transition: all 0.3s; display: none; opacity: 0; background: #fff; padding: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } #box_next_up .content { max-width: 500px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #box_next_up .content .thumb { width: 85px; margin-right: 10px; } #box_next_up .content .text { width: calc(100% - 110px); text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: left; -ms-flex-align: left; align-items: left; } #box_next_up .content .text .caption { text-transform: uppercase; font-size: 12px; font-style: italic; color: #f40000; font-weight: 700; margin-bottom: 6px; } #box_next_up .content .text .title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #254892; font-weight: 700; font-style: italic; } #box_next_up .content .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: left; -ms-flex-align: left; align-items: left; } #box_next_up.fixed { position: fixed; top: 40px; left: 0; right: 0; z-index: 999; display: block; opacity: 1; } .events-wrap { height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url("https://cdn-img.thethao247.vn/frontend/events/euro/img/bg_main.jpg"); } .events-wrap .events-text { color: white; font-weight: 700; } .events-wrap .events-btn { color: #d50036; padding: 4px 9px; border-radius: 57px; background: #fff; text-transform: uppercase; margin-left: 8px; -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 13px; font-weight: 700; } .is_mobile { display: none; } .detail_article .news_suggest.tinmoivn_latest .content .list_news { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #content_detail a, .txt_content a { display: inline; } .txt_content table, .txt_content td, .txt_content th { border: 1px solid black; padding: 5px; } .txt_content ul { list-style: initial; } .txt_content table { width: 100% !important; border-collapse: collapse; margin-bottom: 15px; font-size: 16px; line-height: 1.9; } .videomclWrapper { margin: 0; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videomclWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #content_detail a.rate-link { background: transparent url(https://cdn-img.thethao247.vn/frontend/images/arr-next-up.png) no-repeat scroll 5px 6px; color: #004370 !important; background-size: 14px; font-weight: bold; padding-left: 32px; font-family: 'Times New Roman'; text-decoration: none; font-size: 19px !important; line-height: 1.5 !important; margin: 20px 0 25px !important; display: block !important; } #content_detail figure figcaption { background: #f2f2f2; color: #616161; text-align: center; font-size: 15px; } .avatar_mp4 { width: 100%; height: auto; } @media screen and (max-width: 979px) { .container { width: 100%; } } @media screen and (max-width: 900px) { .d-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .w100-200, .flex-1 { width: 100%; padding: 0; } .list_day_match { max-width: 100%; } .box_utility { margin: 0; } .box_utility .list_utility { -webkit-box-shadow: none; box-shadow: none; overflow: auto; padding: 0; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box_utility .list_utility li { padding: 0; text-align: center; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .box_utility .list_utility li.news-24h { display: none; } .box_utility .list_utility li a { display: block; border: 0; font-size: 11px; font-weight: 600; padding-top: 3px; padding-bottom: 3px; } .box_utility .list_utility li a i { margin: 5px auto; display: block; font-size: 19px; } .box_utility .list_utility li.tructiep-li a img.tructiep-icon { height: 18px; margin: 5px auto; } .box_utility .list_tournamens { -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0; white-space: nowrap; overflow: auto; background: #254892 url(https://thethao247.vn/frontend/images/bg-min.svg) right -560px no-repeat; border-radius: 0%; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_utility .list_tournamens li { display: -webkit-box; display: -ms-flexbox; display: flex; } .box_utility .list_tournamens li a { border: 0; color: #fff; padding: 7px 5px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .w140, .w300, .w160 { width: 100%; padding: 0; } header .top-header { padding: 7px 0 6px; } header .top-header .logo { display: none; } header .top-header .logo-mobile { display: block; padding-left: 10px; } header .top-header .submenu_social { display: none; } header .navigation { height: auto; } header .navigation .mobile_nav { display: block; height: auto; } header .navigation .main_nav { white-space: nowrap; overflow-x: auto; height: auto; } header .navigation .main_nav .topsearch { display: none; } header .submenu_social { display: none; } .box-pick { padding-bottom: 0; } .box-pick .w140 { margin: -15px -15px 15px; width: calc(100% + 30px); } .box-pick .top-pick .cover { margin: -15px -15px 15px; } .box-pick .top-pick .cover .thumb img { width: 100%; } .box-pick .top-pick .pick_right { padding-left: 0; } .box-pick .top-pick .scroll { width: 100%; position: static; border-bottom: 0; } .box_schedule { width: 100%; margin-bottom: 15px; } .box_schedule .content { border-top: 1px solid #efefef; border-radius: 0; } .box_charts .select_charts, .box_charts .content { border-radius: 0; } .box_latest { width: 100%; margin-bottom: 15px; } footer .top-footer .top-footer-content { background-position: -578px -155px; padding: 5px 15px; } footer .tag-footer { padding: 15px; border: 0; } footer .menu-footer { padding: 0; } footer .menu-footer .left, footer .menu-footer .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px; } footer .menu-footer .left .title_ver_com, footer .menu-footer .right .title_ver_com { display: none; } footer .menu-footer .list_bot_cat { width: 100%; } footer .info-footer .info-footer-content { background-color: #fff; } footer .info-footer .info-footer-content .col_app_com { margin-bottom: 25px; padding: 0 15px; } footer .info-footer .info-footer-content .col_app_com #dowload_footer { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .info-footer .info-footer-content .col_ver_com { margin-bottom: 25px; padding: 0 15px; } footer .info-footer .info-footer-content .col_info_com { padding: 0 15px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } footer .info-footer .info-footer-content .col_info_com .title_ver_com { font-size: 14px; color: #254892; text-transform: uppercase; padding-bottom: 10px; } .box_latest_more li .thumb { width: 124px; } .box_latest_more li.lazy_thumb .thumb { height: 100px; } .detail_article .news_suggest .content .list_news { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .detail_article .news_suggest .content .list_news li { width: 100%; } .detail_article .category_suggest { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .detail_article .category_suggest .box { width: 100%; } .detail_article .category_suggest .box .list_news li .title { font-weight: 700; } .detail_article #content_detail figure img { width: 100%; } .detail_article #content_detail figure figcaption { color: #828282; display: block; background: #eee; padding: 8px 15px; text-align: left; } .w32 { display: none; } .box_league_clb { margin: 0 -15px 15px; } .box_league_top_goal { margin-bottom: 15px; } .box_video .content .left-style { margin-bottom: 15px; } .box_video .content .left-style .first_news .thumb { width: 100%; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .box_video .content .right-style li .thumb { width: 100%; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .cat-style-1 .content .first_news .thumb img { width: 100%; } .cat-style-1 .content .list_news li .thumb { width: 100%; } .cat-style-1 .content .list_news li .thumb img { width: 100%; } .cat-style-3 .list_news li .thumb img { width: 100%; } .btn_loadmore { margin-bottom: 15px; } .cat-style-2 .content .list_news li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cat-style-2 .content .list_news li .thumb { width: 140px; margin-right: 15px; } .cat-style-2 .content .list_news li .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .detail_article .news_suggest .content .list_news li { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail_article .news_suggest .content .list_news li .thumb { width: 140px; margin-right: 15px; } .detail_article .news_suggest .content .list_news li .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .detail_article .category_suggest .box .list_news li { display: -webkit-box; display: -ms-flexbox; display: flex; } .detail_article .category_suggest .box .list_news li .thumb { width: 140px; margin-right: 15px; } .detail_article .category_suggest .box .list_news li .title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #magazine header { height: 40px; position: static; } #magazine header .top-header { display: -webkit-box; display: -ms-flexbox; display: flex; } #magazine header .top-header .submenu_social { padding-right: 15px; } #magazine header .top-header .submenu_social .submenu { display: none; } #magazine header .top-header { padding: 0; } #magazine header .top-header .logo a.img { width: 146px; } #magazine header .top-header .logo .back-to-home { width: 40px; height: 40px; } #magazine header .top-header .logo .back-to-home a { width: 40px; } #magazine header .top-header .logo .back-to-home a i { font-size: 17px; line-height: 40px; } #magazine header .top-header .submenu_social { display: -webkit-box; display: -ms-flexbox; display: flex; } #magazine main .detail_article { padding: 15px; } #magazine main .detail_article .content_detail figure.large, #magazine main .detail_article .content_detail figure.full { margin: 0 -15px 20px; width: calc(100% + 30px); } #magazine main .detail_article .content_detail .exp_box_3_image, #magazine main .detail_article .content_detail .exp_box_2_image { width: 100%; margin: 0 0 20px; } #magazine main .detail_article .content_detail .exp_box_3_image .exp_wrap, #magazine main .detail_article .content_detail .exp_box_2_image .exp_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #magazine main .detail_article .news_suggest .content .list_news li { width: 100%; } #magazine main .detail_article .detail-mgz .container { width: 100%; } #magazine main .detail_article .detail-mgz .container .big_title { margin: 0 0 15px; } #magazine main .author-source .source { width: 100%; } #magazine main .author-source .author { margin-bottom: 15px; } } @media screen and (max-width: 680px) { .is_mobile { display: block; } .w360 { width: 100%; } .box_top_category .cover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: none; } .box_top_category .cover .thumb { width: 100%; } .box_top_category .cover .thumb img { width: 100%; } .box_top_category .cover .text { padding: 15px 0 0; display: block; } .box_top_category .cover .text .title { color: #254892; } .box_top_category .list_news { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box_top_category .list_news li { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; } .box_top_category .list_news li .thumb { width: 150px; display: inline-table; margin-right: 10px; margin-bottom: 0; } .box_top_category .list_news li:last-child { margin-bottom: 0; } .box_latest_more li .text .sapo { display: none; } .content_detail .explus_related_1404022217_right, .txt_content .explus_related_1404022217_right, .content_detail .explus_related_1404022217_left, .txt_content .explus_related_1404022217_left { width: 100%; float: none; margin: 0 0 20px; } } @media screen and (max-width: 580px) { header.--v2 .container { width: 100%; } header.--v2 .container .top-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; } header.--v2 .container .top-header .right a { margin-bottom: 4px; } header.--v2 .container .middle-header { padding: 15px; } header.--v2 .container .middle-header .fix_team_inner .gen_fix_team_match .flag_state { width: 40px; } header.--v2 .container .middle-header .fix_team_inner .gen_fix_team_match .col_namestate a { font-size: 15px; } header.--v2 .container .middle-header .fix_team_inner .center_fix_team_match { width: 65px; } header.--v2 .container .middle-header .fix_team_inner .center_fix_team_match .numbscore { font-size: 35px; } header.--v2 .container .box_tabs { width: 100%; margin: 0; } main.--v2 .container { width: 100%; } .box-pick .top-pick .cover .content .title { font-size: 18px; margin-bottom: 0; color: #254892; } .box-pick .bot-pick ul { margin-top: 0; } .box-pick .bot-pick ul li { margin-bottom: 15px; border-right: 0; -webkit-box-flex: 0; -ms-flex: 0 100%; flex: 0 100%; } .box-pick .bot-pick ul li .thumb { width: 100%; } .box-pick .bot-pick ul li .thumb img { width: 100%; } .box_video .content { display: block; } .box_video .content .left-style { width: 100%; } .box_video .content .right-style { padding-left: 0; } .detail_article figure { margin: 0 -15px 20px; } .content_detail .explus_related_1404022217, .txt_content .explus_related_1404022217 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .content_detail .explus_related_1404022217_bottom .explus_related_1404022217_item, .txt_content .explus_related_1404022217_bottom .explus_related_1404022217_item { -webkit-box-flex: 0; -ms-flex: 0 48.5%; flex: 0 48.5%; } .content_detail .explus_related_1404022217_bottom .explus_related_1404022217_item .explus_related_1404022217_photo, .txt_content .explus_related_1404022217_bottom .explus_related_1404022217_item .explus_related_1404022217_photo { width: 100%; } .content_detail .explus_related_1404022217_bottom .explus_related_1404022217_item .explus_related_1404022217_photo img, .txt_content .explus_related_1404022217_bottom .explus_related_1404022217_item .explus_related_1404022217_photo img { width: 100%; } .detail_article #content_detail, .content_detail p, .txt_content p, .detail_article .sapo_detail { font-size: 19px; } .detail_article .title, .list_news .title, .box_latest_more .title, .box_latest .title { font-size: 17px !important; line-height: 1.45 !important; } .youth_news.--v2 .content .list_news li .text .title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 17px; } footer .menu-footer .menu-footer-content .list_bot_cat li a, footer .info-footer .info-footer-content .col_ver_com .list_ver_com > li > a, footer .info-footer .info-footer-content .col_info_com p { font-size: 13px; } .videomclWrapper { margin: 0 -15px; } } @media screen and (max-width: 480px) { .box_livescore { margin: 0 -15px 15px; } .list_day_match { margin: 0 -15px 15px; max-width: calc(100% + 30px); } .box_latest, .box_trending, .btn_loadmore { margin-bottom: 15px; } .box_tabs { margin: 0 -15px 15px; } } @media screen and (max-width: 414px) { .box_livescore .list_match li { padding: 0 15px; } .box_livescore .list_match li .group { display: block; position: relative; } .box_livescore .list_match li .group .score { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; } .box_livescore .list_match li .group .score a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box_livescore .list_match li .group .score a span { padding: 5px; } .box_livescore .list_match li .group .score small { display: none; } .box_livescore .list_match li .group .team { margin: 10px 0; } .box_livescore .list_match li .group .team-a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .box_livescore .list_match li .group .team-a img { margin-left: 0; margin-right: 4px; } .box_livescore .list_match li .group .team-a a { text-align: left; } }