@charset "utf-8";


@font-face {
  font-family: 'RobotoX';
  src:  url(Roboto-Regular.ttf);
  font-weight: normal;
}

@font-face {
  font-family: 'RobotoX';
  src:  url(Roboto-Bold.ttf);
  font-weight:bold;
}
*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none; list-style:none;font-family: 'RobotoX';}

header, section, footer, aside, nav, main, article, figure{ display:block;}

ol, ul { /*list-style: none;*/ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles!*/
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

body { font-size:12px; color:#222; background-color:#f5f5f5;}
.icon{ display:inline-block; background-image:url(../images/bdw_icon.png); background-repeat:no-repeat; position:relative; background-size:500px auto;}
.ct1k2{ width:calc(100% - 20px); max-width:1200px; margin:0 auto; position:relative;}
.adsBanner img{ display:block; width:100%; height:auto;}
.clearB{ clear:both;}
#wrapper{ overflow:hidden;}

header{ padding:10px 0; background-color:#fff; height:90px;}
header .header{ float:left; padding-top:20px;}
header .header .logo{ margin:0 0 2px;}
header .header .logo img{ display:block;}
header .header h1{ text-transform:uppercase; text-indent:15px;}
header .adsBanner{ width:728px; float:right;}

.navWrapper{ background-color:#434343; height:35px; border-bottom:solid 3px #bababa; margin:0 0 50px;}
.navWrapper nav{ float:left; font-size:0;}
.navWrapper nav a{ color:#fff; display:inline-block; font-size:14px; text-transform:uppercase; line-height:35px; padding:0 15px; position:relative; height:35px; transition:all 0.2s;}
.navWrapper nav a .home{ width:22px; height:17px; top:2px;}
.navWrapper nav a span{ width:55px; height:13px; background-position:-50px 0; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); text-align:center; display:none;}
.navWrapper nav a span .icon{ width:17px; height:17px; background-position:-150px 0; bottom:10px; animation: rotateBall 2s linear infinite reverse;}
@keyframes rotateBall {
  from { transform:rotate(0);}
  to { transform:rotate(360deg);}
}
.navWrapper nav a:hover{ background-color:#d9232f;}
.navWrapper nav a.active{ background-color:#d9232f;}
.navWrapper nav a.active span{ display:block;}
.navWrapper .rightNav{ float:right; position:relative;}
.navWrapper .rightNav .favBtn{ display:inline-block; font-size:14px; text-transform:uppercase; color:#ffd200; height:35px; line-height:35px; float:left;}
.navWrapper .rightNav .favBtn .icon{ width:16px; height:13px; background-position:-200px 0; top:1px; margin:0 0 0 3px;}
.navWrapper .rightNav .searchBtn{ display:block; height:35px; padding:5px 0 0 15px; position:absolute; right:0; z-index:5; top:2px;}
.navWrapper .rightNav .searchBtn .icon{ width:22px; height:22px; background-position:-250px 0;}
.navWrapper .rightNav .searchBox{ float:left; height:27px; background-color:#292929; position:relative; top:4px; margin:0 5px 0 25px;}
.navWrapper .rightNav .searchBox:before, .navWrapper .rightNav .searchBox:after{ content:" "; display:block; height:100%; width:35px; background-color:#292929; position:absolute; top:0; left:-10px; transform:skewX(20deg);}
.navWrapper .rightNav .searchBox:after{ left:auto; right:-10px;}
.navWrapper .rightNav .searchBox input[type="text"]{ height:100%; font-size:12px; color:#999; font-style:italic; position:relative; z-index:1; width:120px; margin:0 35px 0 0; text-indent:5px;}
.navWrapper .rightNav .searchBox .searchSubmit{ height:100%; position:absolute; z-index:6; color:transparent; right:-10px; transform:skewX(20deg); width:40px; cursor:pointer;}

main{ margin:0 0 60px;}
main .sidebarLeft{ width:160px; float:left;}
main .sidebarLeft .noibat{ margin:0 0 15px;}
main .sidebarLeft .noibat li{}
main .sidebarLeft .noibat li a{ font-size:13px; display:block; height:30px; line-height:30px; color:#222; transition:all 0.2s;}
main .sidebarLeft .noibat li a:hover{ text-indent:5px; background-color:#fff;color:#0862bd;}
main .sidebarLeft .dsgiaidau{ background-color:#fff; margin:0 0 10px; box-shadow:0 0 1px rgba(0,0,0,0.2);}
main .sidebarLeft .dsgiaidau .heading{ height:35px; line-height:35px; font-size:14px; color:#fff; text-transform:uppercase; background-color:#434343; text-indent:15px;}
main .sidebarLeft .dsgiaidau ul{ padding:10px 5px; max-height:350px; overflow:auto;}
main .sidebarLeft .dsgiaidau ul li{}
main .sidebarLeft .dsgiaidau ul li a{ display:block; height:30px; line-height:32px; font-size:13px; color:#222; padding:0 0 0 12px; position:relative; border-bottom:solid 1px #f5f5f5; transition:all 0.2s;}
main .sidebarLeft .dsgiaidau ul li a:hover, main .sidebarLeft .dsgiaidau ul li a.active{ background-color:#f5f5f5; text-indent:5px; color:#0862bd;}
main .sidebarLeft .dsgiaidau ul li:last-child a{ border:none;}
main .sidebarLeft .dsgiaidau ul li a .icon{ position:absolute; width:6px; height:7px; background-position:-300px 0; top:12px; left:1px; transition:all 0.2s;}
main .sidebarLeft .dsgiaidau ul li a:hover .icon, main .sidebarLeft .dsgiaidau ul li a.active .icon{ margin:0 0 0 5px; background-position:-350px 0;}
main .sidebarLeft .dsgiaidau li ul{ max-height:none; background-color:#f5f5f5; padding:0px 5px 15px; display:none;}
main .sidebarLeft .dsgiaidau ul ul a{ height:auto; line-height:normal; padding:5px 0 5px 12px;}
main .sidebarLeft .dsgiaidau ul ul a:hover, main .sidebarLeft .dsgiaidau ul ul a.active{ text-indent:0; background-color:#fff;}
main .sidebarLeft .adsBanner{}
main .maincontent{ float:left; width:calc(100% - 500px); margin:0 20px;}
main .maincontent .content{ background-color:#fff; margin:0 0 10px; box-shadow:0 0 1px rgba(0,0,0,0.2); padding:0 0 10px;}
main .maincontent .content .heading{ min-height:67px; background-image:url(../images/heading_bg.png); background-repeat:no-repeat; position:relative;}
main .maincontent .content .heading h2{ font-size:20px; padding:25px 0 0 15px; display:inline-block;}
main .maincontent .content .heading img{ position:absolute; top:0; right:15px;}
main .maincontent .content table{ width:100%; position:relative; z-index:1;}
main .maincontent .content table tr:nth-child(odd){ background-color:#f5f5f5;}
main .maincontent .content table tr.highlight{ background-color:#fffabc;}
main .maincontent .content table th{ background-color:#434343 !important; font-size:11px; text-transform:uppercase; line-height:25px; color:#fff; font-weight:normal !important; border-right: solid 1px #333; padding:0 5px; vertical-align:middle;}
main .maincontent .content table th:last-child{ border:none;}
main .maincontent .content table td{ border-bottom:solid 1px #ebebeb; border-right: solid 1px #ebebeb; padding:5px; vertical-align:middle; position:relative; height:19px; text-align: center;}
main .maincontent .content table a.tendoi{ color:#222; line-height:16px;}
main .maincontent .content table td:last-child{ border-right:none;}
main .maincontent .content table .doibong{ width:160px;}
main .maincontent .content table .chu{ text-align:right;}
main .maincontent .content table .tiso{ font-weight:bold; background-color:#f5f5f5; width:45px; padding:0;}
main .maincontent .content table .tiso a{ color:#222;}
main .maincontent .content table tr:nth-child(odd) .tiso{ background-color:#e1e1e1;}
main .maincontent .content table tr.highlight .tiso{ background-color:#ffd3ab;}
main .maincontent .content table .khach{ text-align:left;}
main .maincontent .content table td .tengiai{ margin:0 -5px; padding:0 3px; position:relative; top:2px;}
main .maincontent .content table td .tengiai a{ color:#fff;}
main .maincontent .content table td .liveIcon{ height:6px; width:6px; border-radius:3px; background-color:#d9232f; display:inline-block; position:relative; top:-2px; left:-2px; animation: liveIcon 1s linear infinite;}
@keyframes liveIcon {
  0% { opacity:0;}
  10% { opacity:1;}
  50% { opacity:1;}
  100% { opacity:0;}
}
main .maincontent .content table td .redcard{ background-color:#d9232f; display:inline-block; font-size:8px; font-weight:bold; color:#fff; padding:1px 1px 0px; margin:0 0.5px; position:relative; top:-5px;}
main .maincontent .content table td .redcard.yellow{ background-color:#e59c0f;}
main .maincontent .content table td .hang{ color:#0862bd; font-size:9px; display:inline-block; padding:0 2px; position:relative; top:-5px;}
main .maincontent .content table td .hang:hover{ text-decoration:underline;}
main .maincontent .content table td .icon{ height:16px; margin:0 1px;}
main .maincontent .content table td .phongdo{ width:12px; background-position:0 -45px;}
main .maincontent .content table td .live{ width:16px; background-position:-48px -45px;}
main .maincontent .content table td .live.active{ background-position:-98px -45px;}
main .maincontent .content table td .fav{ width:14px; background-position:-149px -45px;}
main .maincontent .content table td .fav.active{ background-position:-199px -45px;}
main .maincontent .content table td.daketthuc{ font-size:13px; color:#d9232f; text-transform:uppercase; font-weight:bold; margin:-8px 0 -5px; background-image:url(../images/bg_tableHeading.png); background-repeat:no-repeat; background-position:center; height:45px; background-color:#fff;}
main .maincontent .content table td.daketthuc a{color:#d9232f;}
main .maincontent .content table td.hiepphu{ padding:0; height:auto;}
main .maincontent .content table td.hiepphu p{ padding:0 0 5px;}
main .maincontent .content table td.hiepphu span{ display:inline-block; padding:2px 5px; font-size:10px; border:solid 1px #e8e8e8;}
main .maincontent .thongtinkqbd{ background-color:#fff; box-shadow:0 0 1px rgba(0,0,0,0.2); padding:25px 15px 35px;}
main .maincontent .thongtinkqbd h2{ font-size:18px; margin:0 0 10px;}
main .maincontent .thongtinkqbd .noidung{ font-size:14px; line-height:20px; text-align:justify;}
main .maincontent .thongtinkqbd .noidung a{ color:#0862bd;}
main .maincontent .thongtinkqbd .noidung a:hover{ text-decoration:underline;}
main .sidebarRight{ width:300px; float:right;}
main .sidebarRight .dudoan{ background-color:#fff; margin:0 0 10px; box-shadow:0 0 1px rgba(0,0,0,0.2); border:solid 1px #222;}
main .sidebarRight .dudoan .giaibong{ text-align:center; font-size:0;}
main .sidebarRight .dudoan .giaibong p{ display:inline-block; font-size:12px; color:#fff; height:30px; line-height:30px; background-color:#222; padding:0 10px; position:relative; z-index:1;}
main .sidebarRight .dudoan .giaibong span{ display:block; height:30px; position:absolute; top:0; left:-10px; background-color:#222; width:30px; transform:skewX(30deg); z-index:-1;}
main .sidebarRight .dudoan .giaibong span.right{ left:auto; right:-10px; transform:skewX(-30deg);}
main .sidebarRight .dudoan .trandau{ padding:20px 30px 35px; margin:0;}
main .sidebarRight .dudoan .trandau .tran1{}
main .sidebarRight .dudoan .trandau .tran1 .doibong1{ float:left; width:calc(50% - 40px); text-align:center;}
main .sidebarRight .dudoan .trandau .tran1 .doibong1 .logo{ height:90px; position:relative; margin:0 0 10px;}
main .sidebarRight .dudoan .trandau .tran1 .doibong1 .logo img{ margin:0 auto; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
main .sidebarRight .dudoan .trandau .tran1 .doibong1 .tendoi a{ color:#d9232f; font-size:14px; text-transform:uppercase; font-weight:bold;}
main .sidebarRight .dudoan .trandau .tran1 .doibong1 .tendoi a:hover{ text-decoration:underline;}
main .sidebarRight .dudoan .trandau .tran1 .vs{ width:80px; float:left;}
main .sidebarRight .dudoan .trandau .tran1 .vs .icon{ width:25px; height:55px; background-position:-100px -100px; margin:15px auto 11px; display:block;}
main .sidebarRight .dudoan .trandau .tran1 .vs p{ font-size:18px; font-weight:bold; text-align:center;}
main .sidebarRight .dudoan .trandau .tran1 .vs p span{ font-weight:normal; display:block; font-size:12px;}
main .sidebarRight .dudoan .chonkq{ background-color:#222; text-align:center; padding:20px 0 10px;}
main .sidebarRight .dudoan .chonkq p{ color:#fff; font-size:16px; margin:0 0 12px;}
main .sidebarRight .dudoan .chonkq ul{ font-size:0;}
main .sidebarRight .dudoan .chonkq ul li{ display:inline-block;}
main .sidebarRight .dudoan .chonkq ul li a{ display:block; width:80px; text-align: center; line-height:35px; height:35px; background-color:#e59c0f; margin:0 2.5px; transform:skewX(-20deg); overflow:hidden;}
main .sidebarRight .dudoan .chonkq ul li a span{ font-size:14px; color:#fff; text-transform:uppercase; transform:skewX(20deg); display:inline-block; width:100%; height:100%; transition:all 0.2s; padding:0 20px; position:relative; left:-20px;}
main .sidebarRight .dudoan .chonkq ul li a:hover span{ background-color:rgba(255,255,255,0.1);}
main .sidebarRight .dudoan .chonkq ul li a.hoa{ background-color:#0862bd;}
main .sidebarRight .dudoan .chonkq ul li a.khach{ background-color:#cc2525;}
main .sidebarRight .dudoan .chonkq .ketquadudoan{ font-size:0; padding:0 20px; height:35px;}
main .sidebarRight .dudoan .chonkq .ketquadudoan div{ display:inline-block;}
main .sidebarRight .dudoan .chonkq .ketquadudoan p{ font-size:11px; margin:0 0 2px;color:#e59c0f;}
main .sidebarRight .dudoan .chonkq .ketquadudoan .hoa p{color:#36a8ff;}
main .sidebarRight .dudoan .chonkq .ketquadudoan .khach p{color:#ff7878;}
main .sidebarRight .dudoan .chonkq .ketquadudoan span{ display:block; line-height:12px;width:100%;background-color:#e59c0f; color:#fff; font-size:9px;}
main .sidebarRight .dudoan .chonkq .ketquadudoan .hoa span{ background-color:#0862bd;}
main .sidebarRight .dudoan .chonkq .ketquadudoan .khach span{ background-color:#cc2525;}
main .sidebarRight .bangkq{ background-color:#fff; margin:0 0 10px; box-shadow:0 0 1px rgba(0,0,0,0.2); padding:0 0 15px;}
main .sidebarRight .bangkq .heading{ background-color:#434343; height:35px; padding:0 10px 0 12px; margin:0 0 10px;}
main .sidebarRight .bangkq .heading div{ float:left; line-height:35px; font-size:14px; color:#fff; text-transform:uppercase; font-weight:normal;}
main .sidebarRight .bangkq .heading .ngaygio{ font-size:12px; float:right; line-height:35px; color:#9c9c9c;}
main .sidebarRight .bangkq .submenu{ margin:0 5px 20px; display:flex; border-bottom:solid 3px #f5f5f5; justify-content: space-evenly; height:20px;}
main .sidebarRight .bangkq .submenu li{}
main .sidebarRight .bangkq .submenu li a{ font-size:14px; text-transform:uppercase; font-weight:bold; color:#222; height:20px; line-height:20px; display:block; padding:0 5px; transition:all 0.2s; border-bottom:solid 3px #f5f5f5;}
main .sidebarRight .bangkq .submenu li a:hover{ color:#0862bd;}
main .sidebarRight .bangkq .submenu li a.active{ border-bottom:solid 3px #0862bd; color:#0862bd;}
main .sidebarRight .bangkq .noidungcuon{ max-height:325px; overflow:auto;}
main .sidebarRight .bangkq table{ margin:0 5px; width:calc(100% - 10px); text-align:center;}
main .sidebarRight .bangkq table tr:nth-child(even){ background-color:#f5f5f5;}
main .sidebarRight .bangkq table tr.vang{ background-color:#ffe3da; font-weight:bold;}
main .sidebarRight .bangkq table tr.bac{ background-color:#fff2da; font-weight:bold;}
main .sidebarRight .bangkq table tr.dong{ background-color:#fffcda; font-weight:bold;}
main .sidebarRight .bangkq table th{ font-weight:bold; padding:0 5px 8px; width:30px;}
main .sidebarRight .bangkq table .chu, main .sidebarRight .bangkq table .khach{ width:100px;}
main .sidebarRight .bangkq table .tyso{ width:55px; padding:5px 0;}
main .sidebarRight .bangkq table td{ height:20px; vertical-align:middle; padding:5px; position:relative; z-index:1; width:30px;}
main .sidebarRight .bangkq table td a{ color:#222; transition:all 0.2s;}
main .sidebarRight .bangkq table td a:hover{ text-decoration:underline; color:#0862bd;}
main .sidebarRight .bangkq table td.tyso{ background-color:#f5f5f5;}
main .sidebarRight .bangkq table tr:nth-child(even) td.tyso{ background-color:#e1e1e1;}
main .sidebarRight .bangkq table .chu{ text-align:right;}
main .sidebarRight .bangkq table td.tyso{ font-size:14px; font-weight:bold; text-align:center;}
main .sidebarRight .bangkq table .khach{ text-align:left;}
main .sidebarRight .bangkq table tr.vang td:last-child, main .sidebarRight .bangkq table tr.bac td:last-child, main .sidebarRight .bangkq table tr.dong td:last-child{ color:#e82f2f;}
main .sidebarRight .bangkq table .doibong{ width:120px; text-align:left;}
main .sidebarRight .bangkq table .icon{ width:30px; height:31px; background-position:-150px -100px; position:absolute; top:50%; left:50%; transform:translate(-51%, -55%) scale(0.8); z-index:-1;}
main .sidebarRight .bangkq table .bac .icon{ background-position:-200px -100px;}
main .sidebarRight .bangkq table .dong .icon{ background-position:-250px -100px;}
main .sidebarRight .bangkq table .vang td:first-child, main .sidebarRight .bangkq table .bac td:first-child, main .sidebarRight .bangkq table .dong td:first-child{ color:#fff;}

footer{ border-top:solid 24px #434343; background-color:#fff;}
footer .logo{ position:absolute; left:0; top:-60px;}
footer .logo img{ height:auto; width:auto;}
footer .subLink{ padding:35px 0 40px;}
footer .subLink .subLinkItem{ width:16.66666%; float:left;}
footer .subLink .subLinkItem p{ margin:0 0 10px; font-weight:bold;}
footer .subLink .subLinkItem ul{}
footer .subLink .subLinkItem ul li{}
footer .subLink .subLinkItem ul li a{ color:#222; line-height:22px; transition:all 0.2s; display:block;}
footer .subLink .subLinkItem ul li a:hover{ text-indent:3px; color:#0862bd;}
footer .copyright{ text-align:center; border-top:solid 1px #ececec; padding:10px 0 15px;}
footer .copyright p{}
footer .copyright p b{ font-size:14px;}




/*========== LICH =========*/
main .maincontent .duongdan{ color:#949494; height:20px; line-height:20px; margin:-30px 0 10px;}
main .maincontent .duongdan a{ color:#949494; padding:0 5px; display:inline-block;}
main .maincontent .duongdan a:hover{ text-decoration:underline; color:#222;}
main .maincontent .content .filter{ font-size:0; padding:5px 0 0 20px;}
main .maincontent .content .filter .filter1{ display:inline-block; border:solid 1px #222; transform:skewX(20deg); height:28px; float:left; width:130px; margin:0 5px 10px 0; overflow:hidden; position:relative;}
main .maincontent .content .filter .filter1 div{ transform:skewX(-20deg); font-size:14px; height:100%;}
main .maincontent .content .filter .filter1 input{ height:100%; font-weight:bold; text-indent:12px;}
main .maincontent .content .filter .filter1 .datePicker{ width:16px; height:16px; background-position:-300px -100px; position:absolute; top:6px; right:10px;}
main .maincontent .content .filter .filter1 select{ height:105%; font-weight:bold; text-transform:uppercase; width:125%; text-indent:5px; position:relative; z-index:2;}
main .maincontent .content .filter .filter1 .arrow{ width:10px; height:7px; background-position:-350px -100px; position:absolute; top:50%; transform:translateY(-50%); right:12px; z-index:1;}
main .maincontent .content table td.tengiai, main .maincontent .content table td.tennho{ color:#222; background-color:#ddd; border:none; height:20px;}
main .maincontent .content table td.tengiai h2 a{ color:#222;}
main .maincontent .content table td.tengiai h2 span{ display:inline-block;}
main .maincontent .content table td.tengiai h2 img{ width:auto; max-height:15px; vertical-align:middle; margin:0 5px 0 0;}




/*========== LICH GIAI =========*/
main .maincontent .content .heading .filter{ display:inline-block; padding:0 0 0 5px; position:relative; top:6px;}
main .maincontent .content .heading .filter .filter1{ margin:0 3px 0 0; width:95px; height:25px;}
main .maincontent .content .heading .filter .filter1 select{ text-indent:0; font-size:12px;}
main .maincontent .content .heading .filter .filter1 .arrow{ right:8px;}
main .maincontent .content .submenuLv2{ border-bottom:solid 3px #e8e8e8; border-top:solid 1px #e8e8e8; height:26px; margin:0 0 10px; background-color:#f8f8f8; position:relative; z-index:2;}
main .maincontent .content .submenuLv2 ul{ font-size:0; position:relative; top:-1px; left:5px;}
main .maincontent .content .submenuLv2 ul li{ display:inline-block;}
main .maincontent .content .submenuLv2 ul li a{ display:block; font-size:14px; font-weight:bold; text-transform:uppercase; color:#222; height:30px; line-height:30px; padding:0 13px; transform:skew(16deg); position:relative; transition:all 0.2s;}
main .maincontent .content .submenuLv2 ul li:first-child a{ padding:0 13px 0 8px;}
main .maincontent .content .submenuLv2 ul li:first-child a:before{ content:' '; position:absolute; top:0; left:-5px; height:100%; width:15px; transform:skew(-16deg);}
main .maincontent .content .submenuLv2 ul li a:hover{color:#d9232f;}
main .maincontent .content .submenuLv2 ul li a.active{ background-color:#d9232f; color:#fff;}
main .maincontent .content .submenuLv2 ul li:first-child a.active:before{background-color:#d9232f;}
main .maincontent .content .submenuLv2 ul li a span{ transform:skew(-16deg); display:inline-block;}
main .maincontent .content .quocgiakhac{ padding:25px 15px 25px;}
main .maincontent .content .quocgiakhac h5{ font-size:18px; margin:0 0 10px;}
main .maincontent .content .quocgiakhac ul{}
main .maincontent .content .quocgiakhac ul li{}
main .maincontent .content .quocgiakhac ul li a{ display:block; font-size:12px; color:#0862bd; padding:5px 0 5px 12px; transition:all 0.2s;}
main .maincontent .content .quocgiakhac ul li a:hover{ color:#2a88e6; text-indent:3px; background-color:#f5f5f5;}
main .maincontent .content .quocgiakhac ul li a .icon{ width:8px; height:8px; background-position:-400px -100px; margin:0 5px 0 0;}




/*========== BXH =========*/
main .maincontent .content .tableHeading{ text-align:center; height:30px; padding:3px 0 0px;}
main .maincontent .content .tableHeading h2{ display:inline-block; font-size:16px;}
main .maincontent .content .tableHeading h2 a{ color:#222;}
main .maincontent .content .tableHeading h2 a:hover{ text-decoration:underline;}
main .maincontent .content .tableHeading span{ display:inline-block; margin:0 8px 0 0; vertical-align:middle;}
main .maincontent .content .tableHeading span img{ width:auto; height:20px;}
main .maincontent .content table.bxh{ margin:0 0 10px;}
main .maincontent .content table.bxh th{width:45px;}
main .maincontent .content table.bxh th.last5{width:150px;}
main .maincontent .content table.bxh th:nth-child(1){ width:35px;}
main .maincontent .content table.bxh td{ min-width:20px; position:relative; z-index:1;}
main .maincontent .content table.bxh td.doibong, main .maincontent .content table.taixiu td.doibong{ width:220px;}
main .maincontent .content table.bxh td.doibong a{ color:#222;}
main .maincontent .content table.bxh td.hightlight{ font-weight:bold; color:#d9232f; font-size:13px;}
main .maincontent .content table.bxh tr.vang{ background-color:#ffe3da; font-weight:bold;}
main .maincontent .content table.bxh tr.bac{ background-color:#fff2da; font-weight:bold;}
main .maincontent .content table.bxh tr.dong{ background-color:#fffcda; font-weight:bold;}
main .maincontent .content .bxhtrongngay{ padding:25px 15px 25px;}
main .maincontent .content .bxhtrongngay h2{ font-size:18px; margin:0 0 10px;}
main .maincontent .content .bxhtrongngay ul{ width:45%; float:left; padding:0 0 0 5px;}
main .maincontent .content .bxhtrongngay ul.right{ float:right; padding:0 5px 0 0;}
main .maincontent .content .bxhtrongngay ul li{ display:block; font-size:0;}
main .maincontent .content .bxhtrongngay ul a{ display:block; color:#0862bd; text-transform:uppercase; height:30px; line-height:30px; border-bottom:solid 1px #ebebeb; font-size:12px; position:relative; padding:0 0 0 60px; transition:all 0.2s;}
main .maincontent .content .bxhtrongngay ul li:last-child a{ border:none;}
main .maincontent .content .bxhtrongngay ul a:hover{ background-color:#f5f5f5; text-indent:5px;}
main .maincontent .content .bxhtrongngay ul span{ display:block; width:50px; height:100%; position:absolute; top:0; left:5px;}
main .maincontent .content .bxhtrongngay ul img{ width:auto; height:auto; max-height:15px; max-width:30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
main .maincontent .content .bxhBox table td:nth-child(1){ width:35px;}
main .maincontent .content .bxhBox#bxhFF table img{ max-height:20px; width:auto; margin-right:5px; vertical-align:middle;}
main .maincontent .content .bxhBox#bxhFF table .doibong{ width:350px;}





/*========== BXH GIAI =========*/
main .maincontent .content table.bxh .last5List{}
main .maincontent .content table.bxh .last5List span{ display:inline-block; width:8px; height:8px; border-radius:8px; border:solid 1px #434343; background-color:#fff; margin:0 2.5px; position:relative; top:1px;}
main .maincontent .content table.bxh .last5List span.thang{ border-color:#719a19; background-color:#719a19;}
main .maincontent .content table.bxh .last5List span.thua{ border-color:#d9232f; background-color:#d9232f;}
main .maincontent .content table.bxh .tableSubmenu td{ padding:15px 0 10px;}
main .maincontent .content table.bxh .tableSubmenu ul{ font-size:0; height:23px; border:solid 1px #434343; display:inline-block;}
main .maincontent .content table.bxh .tableSubmenu li{ display:inline-block;}
main .maincontent .content table.bxh .tableSubmenu a{ display:block; text-transform:uppercase; height:25px; line-height:26px; position:relative; top:-1px; padding:0 12px; transition:all 0.2s; font-size:12px; color:#222;}
main .maincontent .content table.bxh .tableSubmenu li:first-child a{left:-1px;}
main .maincontent .content table.bxh .tableSubmenu li:last-child a{left:1px;}
main .maincontent .content table.bxh .tableSubmenu a:hover{ color:#0862bd;}
main .maincontent .content table.bxh .tableSubmenu a.active{ background-color:#0862bd; color:#fff;}
main .maincontent .content table.bxh .hang{ transform:scale(1); top:auto; left:auto; bottom:5px; right:2px; width:8px; height:9px; background-position:0 -200px; margin:0; padding:0; position:absolute;}
main .maincontent .content table.bxh .hang.xuong, main .maincontent .content .chuthich li .hang.xuong{ background-position:-50px -200px;}
main .maincontent .content table.bxh .omau{ position:absolute; bottom:5px; right:2px; width:8px; height:8px; display:block; background-color:#98c2ec;}
main .maincontent .content table.bxh .omau.VLCL, main .maincontent .content .chuthich li .omau.VLCL{ background-color:#e5bf75;}
main .maincontent .content table.bxh .omau.CL, main .maincontent .content .chuthich li .omau.CL{ background-color:#ed783e;}
main .maincontent .content .chuthich{ font-size:0; text-align:center; padding:20px 0 0; max-width:450px; margin:0 auto;}
main .maincontent .content .chuthich li{ display:inline-block; font-size:11px; color:#999; margin:0 10px 15px;}
main .maincontent .content .chuthich li b{ color:#222; display:inline-block; margin:0 5px 0 0;}
main .maincontent .content .chuthich li .hang{ width:8px; height:9px; background-position:0 -200px; margin:0 5px 0 0; position:relative; top:1px;}
main .maincontent .content .chuthich li .omau{ width:8px; height:8px; display:inline-block; background-color:#98c2ec; margin:0 5px 0 0;}
main .maincontent .content table .tieudedong2 th{ border-top:solid 1px #333;}
main .maincontent .content .bxhkhac{ padding:20px 0 0;}
.subMenuLv3{ font-size:0; padding:0 15px; border-top:solid 1px #e8e8e8; border-bottom:solid 3px #e8e8e8; margin:0 0 10px; height:22px;}
.subMenuLv3 li{ display:inline-block;}
.subMenuLv3 li a{ font-size:14px; text-transform:uppercase; display:block; color:#222; font-weight:bold; height:22px; line-height:27px; margin:0 20px 0 0; transition: all 0.2s; border-bottom:solid 3px #e8e8e8;}
.subMenuLv3 li a:hover{ color:#d9232f;}
.subMenuLv3 li a.active{ color:#d9232f; border-bottom:solid 3px #d9232f;}
main .maincontent .content .bxhkhac table{ display:none;}
main .maincontent .content .bxhkhac table#bxhchaua{ display: table;}




/*========== KEO =========*/
main .maincontent .content table td.tengiai .bxhBtn{ position:absolute; bottom:8px; right:15px; color:#0862bd; font-weight:normal; font-size:12px;}
main .maincontent .content table.taixiu .capdau{ position:relative; padding:10px 0 5px 30px; display:inline-block; line-height:normal;}
main .maincontent .content table.taixiu .capdau .vs{ width:16px; height:35px; background-position:-100px -200px; position:absolute; left:8px; top:7px; border:none;}
main .maincontent .content table.taixiu .capdau a{ color:#222;}
main .maincontent .content table.taixiu .capdau b{ text-transform:uppercase;}
main .maincontent .content table.taixiu .capdau b.doi1{ color:#d9232f;}
main .maincontent .content table.taixiu .capdau i{ display:block; width:100%; height:1px; border-bottom:solid 1px #222; border-top:solid 1px #222; margin:0 0 3px;}
main .maincontent .content table.taixiu .phongdoBtn{ display:block; color:#0862bd; padding:0 0 5px 30px;}
main .maincontent .content table.taixiu .phongdoBtn:hover, main .maincontent .content table td.tengiai .bxhBtn:hover{ text-decoration:underline;}
main .maincontent .content table.taixiu .nd2cot{ font-size:0;}
main .maincontent .content table.taixiu .left{ width:50%; vertical-align:top; display:inline-block; text-align:left; font-size:12px; color:#d9232f;}
main .maincontent .content table.taixiu .left.right{ text-align:right; color:#222;}
main .maincontent .content table.taixiu p{line-height:20px;}
main .maincontent .content table.taixiu td{}




/*========== KEO GIAI =========*/
main .maincontent .content table th.highlight{ background-color:#d9232f !important;}
main .maincontent .content table.taixiu .keogiai .left{ color:#222;}
main .maincontent .content table.taixiu .nd1cot{ border-bottom:solid 1px #ebebeb; margin:0 0 3px;}
main .maincontent .content table.taixiu .highlight p{ color:#d9232f;}



main .maincontent .content table.vpl th{ width:50px;}
main .maincontent .content table.vpl th:first-child{ width:20px;}
main .maincontent .content table.vpl th.khach{ width:150px;}
main .maincontent .content table.vpl th.doibong{ width:200px;}



/*========== SOI KEO =========*/
main .maincontent .content .thongtinsoikeo{ background-color:#434343; margin:10px 50px 50px; padding:25px 15px 15px; position:relative; z-index:2;}
main .maincontent .content .thongtinsoikeo .yellowBorder{ border:solid 1px #fccc24; padding:0 60px 25px;}
main .maincontent .content .thongtinsoikeo h3{ font-size:0; text-align:center;}
main .maincontent .content .thongtinsoikeo h3 span{ display:inline-block; height:21px; color:#fccc24; font-weight:normal; background-color:#434343; text-transform:uppercase; line-height:21px; letter-spacing:4px; font-size:14px; margin:-11px 0 0; padding:0 18px;}
main .maincontent .content .thongtinsoikeo .doibong1{ float:left; width:calc(50% - 75px); text-align:center; padding:30px 0 0;}
main .maincontent .content .thongtinsoikeo .doibong1 .logo{ height:120px; position:relative; margin:0 0 25px;}
main .maincontent .content .thongtinsoikeo .doibong1 .logo img{ margin:0 auto; width:auto; height:auto; min-width:100px; max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
main .maincontent .content .thongtinsoikeo .doibong1 h4 a{ color:#fccc24; font-size:16px; text-transform:uppercase;}
main .maincontent .content .thongtinsoikeo .doibong1 h4 a:hover{ text-decoration:underline;}
main .maincontent .content .thongtinsoikeo .vs{ width:150px; float:left; position:relative;}
main .maincontent .content .thongtinsoikeo .vs .vongdau span{ font-weight:bold; color:#fff; height:22px; line-height:22px; background-color:#353535; padding:0 18px; display:inline-block; margin:0 0 5px;}
main .maincontent .content .thongtinsoikeo .vs .demnguoc{ color:#ff9f9f; font-size:14px; font-weight:normal; height:20px;}
main .maincontent .content .thongtinsoikeo .vs .vsIcon{ width:30px; height:67px; background-position:-450px -100px; margin:15px auto 26px; display:block;}
main .maincontent .content .thongtinsoikeo .vs .ketqua{ height:128px;}
main .maincontent .content .thongtinsoikeo .vs .ketqua div{ position: relative; top:50%; transform:translateY(-50%);}
main .maincontent .content .thongtinsoikeo .vs .ketqua .chinhthuc{font-size:36px;}
main .maincontent .content .thongtinsoikeo .vs .ketqua .hiepphu{ font-size:0;}
main .maincontent .content .thongtinsoikeo .vs .ketqua .hiepphu span{ font-size:11px; display:inline-block; background-color:#666; margin:0 1px; padding:2px 6px 1px;}
main .maincontent .content .thongtinsoikeo .vs p{ font-size:18px; font-weight:bold; text-align:center; color:#fff;}
main .maincontent .content .thongtinsoikeo .vs p .liveIcon{ height:8px; width:8px; border-radius:8px; background-color:#d9232f; display:inline-block; position:relative; top:-2px; left:-5px; animation: liveIcon 1s linear infinite;}
main .maincontent .content .thongtinsoikeo .vs p span{ font-weight:normal; display:block; font-size:12px;}
main .maincontent .content .soikeoItem{ margin:0 0 10px;}
main .maincontent .content .soikeoItem .headingLv2{ padding:20px 10px 0; margin:0 0 10px; position:relative; min-height:20px;}
main .maincontent .content .soikeoItem .headingLv2 .leftHeading{ position:absolute; bottom:0; width:420px;}
main .maincontent .content .soikeoItem .headingLv2 h2{ font-size:14px; text-transform:uppercase; line-height:20px;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading{ float:right; height:100%;}
main .maincontent .content .soikeoItem .headingLv2 .thongke{ height:20px; text-transform:uppercase;}
main .maincontent .content .soikeoItem .headingLv2 .thongke b{ font-size:0;}
main .maincontent .content .soikeoItem .headingLv2 .thongke span{ display:inline-block; font-size:12px; color:#fff; height:20px; background-color:#24a60e; line-height:20px; padding:0 5px; border-radius:3px; margin:0 0 0 2px;}
main .maincontent .content .soikeoItem .headingLv2 .thongke span.blue{ background-color:#0862bd;}
main .maincontent .content .soikeoItem .headingLv2 .thongke span.red{ background-color:#d9232f;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading ul{ font-size:0; height:18px; border:solid 1px #434343; float:right; margin:5px 0 0;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading li{ display:inline-block;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading a{ display:block; text-transform:uppercase; height:20px; line-height:21px; position:relative; top:-1px; padding:0 8px; transition:all 0.2s; font-size:11px; color:#222;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading li:first-child a{left:-1px;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading li:last-child a{left:1px;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading a:hover{ color:#0862bd;}
main .maincontent .content .soikeoItem .headingLv2 .rightHeading a.active{ background-color:#0862bd; color:#fff;}
main .maincontent .content table.bangnho .doibong{ width:200px;}
main .maincontent .content table .green{ color:#24a60e;}
main .maincontent .content table .blue{ color:#0862bd;}
main .maincontent .content table .red{ color:#d9232f;}
main .maincontent .content .soikeoItem .noidung{ font-size:14px; padding:0 20px; line-height:20px;}




/*========== TUONG THUAT =========*/
main .maincontent .content .tuongthuat{ padding:0 0 50px;}
main .maincontent .content .tuongthuat .icon{ width:23px; height:23px;}
main .maincontent .content .tuongthuat .trongtai .icon{ background-position:0 -250px;}
main .maincontent .content .tuongthuat .banthang .icon{ background-position:-50px -250px;}
main .maincontent .content .tuongthuat .phanluoi .icon{ background-position:-100px -250px;}
main .maincontent .content .tuongthuat .pen .icon{ background-position:-150px -250px;}
main .maincontent .content .tuongthuat .tuchoi .icon{ background-position:-200px -250px;}
main .maincontent .content .tuongthuat .thevang .icon{ background-position:-250px -250px;}
main .maincontent .content .tuongthuat .thevangx2 .icon{ background-position:-300px -250px;}
main .maincontent .content .tuongthuat .thedo .icon{ background-position:-350px -250px;}
main .maincontent .content .tuongthuat .thaynguoi .icon{ background-position:-400px -250px;}
main .maincontent .content .tuongthuat .vaosan .icon{ background-position:-450px -250px;}
main .maincontent .content .tuongthuat .rasan .icon{ background-position:-450px -300px;}
main .maincontent .content .tuongthuat .banthang, main .maincontent .content .tuongthuat .pen, main .maincontent .content .tuongthuat .vaosan, main .maincontent .content .tuongthuat .thaynguoi{color: #24a60e;}
main .maincontent .content .tuongthuat .thevang{ color:#e59c0f;}
main .maincontent .content .tuongthuat .phanluoi, main .maincontent .content .tuongthuat .tuchoi, main .maincontent .content .tuongthuat .thevangx2, main .maincontent .content .tuongthuat .thedo, main .maincontent .content .tuongthuat .rasan{ color:#db1e26;}
main .maincontent .content .tuongthuat .dienbien{ padding:25px 10px 0; margin:0 0 30px;}
main .maincontent .content .tuongthuat .dienbien h2{ font-size:14px; color:#9c9c9c; text-transform:uppercase; margin:0 0 20px;}
main .maincontent .content .tuongthuat .dienbien h2 span{ border-bottom:solid 3px #434343;}
main .maincontent .content .tuongthuat .dienbien h2 span.doi2{ border-color:#d9232f;}
main .maincontent .content .tuongthuat .dienbien ul{ margin:0 10px; border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; max-height:500px; overflow:auto;}
main .maincontent .content .tuongthuat .dienbien ul li{ border-bottom:solid 1px #e8e8e8; padding:10px 0;}
main .maincontent .content .tuongthuat .dienbien ul li.doi2{ background-color:#f4f4f4;}
main .maincontent .content .tuongthuat .dienbien ul li p{ float:left;}
main .maincontent .content .tuongthuat .dienbien ul .liveMinutes{ width:50px; text-align:center; padding:3px 0 0;}
main .maincontent .content .tuongthuat .dienbien ul .liveMinutes:before{ content:' '; display:inline-block; border-radius:100%; width:10px; height:10px; background-color:#d9232f; position:relative; top:1px; margin:0 3px 0 0;}
main .maincontent .content .tuongthuat .dienbien ul .doi2 .liveMinutes:before{background-color:#434343;}
main .maincontent .content .tuongthuat .dienbien ul .event{width:60px; text-align:center;}
main .maincontent .content .tuongthuat .dienbien ul .event .icon{}
main .maincontent .content .tuongthuat .dienbien ul .event .icon.trongtai{}
main .maincontent .content .tuongthuat .dienbien ul .noidung{ width:calc(100% - 120px); padding:0 0 0 10px; line-height:16px;}
main .maincontent .content .tuongthuat .sodochienthuat{ padding:0 20px 30px;}
main .maincontent .content .tuongthuat .sodochienthuat h2{ color:#686868; font-weight:normal; text-transform:uppercase; text-align:center; letter-spacing:3px; margin:0 0 3px;}
main .maincontent .content .tuongthuat .sodochienthuat .doibong{ text-align:center;}
main .maincontent .content .tuongthuat .sodochienthuat .doibong .tendoi{ display:inline-block; font-size:14px; font-weight:bold; text-transform:uppercase; padding:0 10px; border-bottom:solid 1px #222; border-top:solid 1px #222; height:18px; line-height:18px;}
main .maincontent .content .tuongthuat .sodochienthuat .doibong .tendoi .doi2{ color:#d9232f;}
main .maincontent .content .tuongthuat .sodochienthuat .doibong .doihinh{ background-color:#434343; float:left; color:#fff; font-weight:bold; height:25px; line-height:25px; position:relative; width:86px; margin:-2px 0 2px;}
main .maincontent .content .tuongthuat .sodochienthuat .doibong .doihinh:before{ content:' '; background-color:#434343; height:100%; width:20px; position:absolute; right:-10px; transform:skew(30deg);}
main .maincontent .content .tuongthuat .sodochienthuat .doibong .doihinh.doi2:before{background-color:#d9232f;right:auto; left:-10px; transform:skew(-30deg);}
main .maincontent .content .tuongthuat .sodochienthuat .doibong .doihinh.doi2{ float:right; background-color:#d9232f;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo{ position:relative;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo img{ display:block; width:100%; height:auto;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1{ position:absolute; width:50%; top:-20px; left:0; height:calc(100% + 40px);}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1 .cot1{ width:20%; height:100%; float:left; display:flex; flex-direction:column; justify-content: space-evenly;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1 .cauthu{ text-align:center; font-size:0;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1 .icon{ width:35px; height:26px; background-position:-200px -200px; text-align:center; line-height:30px; font-weight:bold; font-style:normal; font-size:12px;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1.doi2{ left:auto; right:0;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1.doi2 .icon{ background-position:-250px -200px;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1 .icon.thumon{ background-position:-150px -200px;}
main .maincontent .content .tuongthuat .sodochienthuat .sodo .doi1 .cauthu span{ font-size:10px; background-color:#000; color:#fff; padding:1px 3px; display:inline-block;}
main .maincontent .content .tuongthuat .doihinh{ margin:0 20px 50px;}
main .maincontent .content .tuongthuat .doihinh .left{ float:left; width:calc(50% - 20px); text-align:right; margin:0 0 30px;}
main .maincontent .content .tuongthuat .doihinh .left h3{ font-size:14px; color:#9c9c9c; text-transform:uppercase; margin:0 0 15px;}
main .maincontent .content .tuongthuat .doihinh .left ul{}
main .maincontent .content .tuongthuat .doihinh .left ul li{ height:25px; border-bottom:solid 1px #e8e8e8; line-height:25px;}
main .maincontent .content .tuongthuat .doihinh .left ul b{ display:inline-block; width:35px; text-align:center;}
main .maincontent .content .tuongthuat .doihinh .left ul a{ color:#222; margin:0 6px; transition:all 0.2s; display:inline-block; line-height:25px;}
main .maincontent .content .tuongthuat .doihinh .left ul a:hover{ color:#0862bd; padding:0 5px 0 0;}
main .maincontent .content .tuongthuat .doihinh .left.right ul a:hover{ padding:0 0 0 5px;}
main .maincontent .content .tuongthuat .doihinh .left ul span{ position:relative; display: inline-block; font-weight:bold; margin:0 20px 0 0;}
main .maincontent .content .tuongthuat .doihinh .left.right ul span{ margin:0 0 0 20px;}
main .maincontent .content .tuongthuat .doihinh .left ul .icon{ position:absolute; transform:scale(0.7); right:-20px; top:1px;}
main .maincontent .content .tuongthuat .doihinh .left.right ul .icon{right:auto; left:-20px;}
main .maincontent .content .tuongthuat .doihinh .icon{}
main .maincontent .content .tuongthuat .doihinh .right{ float:right; text-align:left;}
main .maincontent .content .tuongthuat .doihinh .chuthich{ padding:0; background-color:#f5f5f5; border:solid 2px #e8e8e8; max-width:556px;}
main .maincontent .content .tuongthuat .doihinh .chuthich ul{ padding:10px 50px; font-size:0;}
main .maincontent .content .tuongthuat .doihinh .chuthich li{ font-weight:bold; margin:0 0 15px; font-size:12px; width:25%; text-align:left;}
main .maincontent .content .tuongthuat .doihinh .chuthich .icon{ transform:scale(0.7) translateY(11px);}
main .maincontent .content .tuongthuat .thongke{ margin:0 20px; width:calc(100% - 40px);}
main .maincontent .content .tuongthuat .thongke tr{ background:none;}
main .maincontent .content .tuongthuat .thongke tr:first-child{ background-color:#434343; border-bottom:solid 5px #fff;}
main .maincontent .content .tuongthuat .thongke th{ border:none; padding:0; background:none !important;}
main .maincontent .content .tuongthuat .thongke th:nth-child(2){ background:url(../images/tuongthuat_bg_thongke.png) no-repeat center !important;}
main .maincontent .content .tuongthuat .thongke th:nth-child(1),main .maincontent .content .tuongthuat .thongke th:nth-child(3){ width:200px;}
main .maincontent .content .tuongthuat .thongke td{ border:none; height:auto; padding:12px 0 0;}
main .maincontent .content .tuongthuat .thongke .doi1{ text-align:right;}
main .maincontent .content .tuongthuat .thongke .doi2{ text-align:left;}
main .maincontent .content .tuongthuat .thongke td:nth-child(2),main .maincontent .content .tuongthuat .thongke td:nth-child(4){ width:45px;}
main .maincontent .content .tuongthuat .thongke .tile{ display:block; width:100%; height:5px; background-color:#e8e8e8; float:right;}
main .maincontent .content .tuongthuat .thongke .tile span{ display:block; height:100%; float:right; background-color:#24a40b;}
main .maincontent .content .tuongthuat .thongke .doi2 .tile{ float:left;}
main .maincontent .content .tuongthuat .thongke .doi2 .tile span{ float:left;}




/*========== DU DOAN =========*/
main .maincontent .content table.dudoan .doibong{ width:300px;}
main .maincontent .content table.dudoan a{ color:#222;}
main .maincontent .content table.dudoan .hightlight{ color:#d9232f; font-weight:bold;}
main .maincontent .content table.dudoan .hightlight a{ color:#d9232f;}
main .maincontent .content table.dudoan .tilethang{ color:#0862bd; font-weight:bold; background-color:#dfdfdf;}
main .maincontent .content .loadmore{ text-align:center; margin:0 0 10px;}
main .maincontent .content .loadmore a{ color:#999; font-size:12px; text-transform:uppercase; display:inline-block; border:solid 1px #e8e8e8; line-height:50px; width:calc(100% - 42px); transition:all 0.2s;}
main .maincontent .content .loadmore a:hover{ color:#fff; background-color:#0862bd; border-color:#0862bd;}
main .maincontent .content .selectDay{ font-size:0; text-align:center; padding:20px 0 30px; height:25px;}
main .maincontent .content .selectDay .backBtn{ display:inline-block; height:25px; vertical-align:top; padding:0 10px; transition:all 0.2s; opacity:0.6;}
main .maincontent .content .selectDay .backBtn:hover{ transform:scale(1.1); opacity:1;}
main .maincontent .content .selectDay .backBtn:active{ transition:none; transform:scale(1);}
main .maincontent .content .selectDay .backBtn .icon{ width:16px; height:12px; background-position:-50px -300px; position:relative; top:6px;}
main .maincontent .content .selectDay .backBtn.nextBtn{}
main .maincontent .content .selectDay .backBtn.nextBtn .icon{ background-position:-100px -300px;}
main .maincontent .content .selectDay .selectBox{ display:inline-block; border:solid 1px #e8e8e8; width:118px; height:23px; position:relative; overflow:hidden; z-index:1; margin:0 10px;}
main .maincontent .content .selectDay .selectBox select{ height:100%; width:120%; font-size:12px; font-weight:bold;}
main .maincontent .content .selectDay .selectBox .icon{ width:8px; height:7px; background-position:0 -300px; position:absolute; top:8px; right:10px; z-index:-1;}




/*========== NHAN DINH =========*/
main .maincontent .content .nhandinh{ margin:0 20px;}
main .maincontent .content .nhandinh .trandau1{ border:solid 1px #222; margin:0 0 15px;}
main .maincontent .content .nhandinh .trandau1 .giaibong{ text-align:center;}
main .maincontent .content .nhandinh .trandau1 .giaibong h2{ display:inline-block; font-size:14px; text-transform:uppercase; color:#fff; height:30px; line-height:30px; background-color:#222; padding:0 10px; position:relative; z-index:1; margin:0 0 20px;}
main .maincontent .content .nhandinh .trandau1 .giaibong h2:before, main .maincontent .content .nhandinh .trandau1 .giaibong h2:after{ display:block; height:30px; position:absolute; top:0; left:-10px; background-color:#222; width:30px; transform:skewX(30deg); z-index:-1; content:' ';}
main .maincontent .content .nhandinh .trandau1 .giaibong h2:after{ left:auto; right:-10px; transform:skewX(-30deg);}
main .maincontent .content .nhandinh .trandau1 .trandau{ padding:0 0 15px;}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1{ width:calc(50% - 50px); float:left; text-align:right;}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 .logo{ float:right; width:45px; padding:0 0 0 10px; height:80px;}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 .logo img{ width:auto; height:auto; max-width:100%; max-height:100%; position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 h3{ padding:25px 0 0;}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 h3 a{ font-size:14px; text-transform:uppercase; color:#222;}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 h3 a:hover{ text-decoration:underline;}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 p{}
main .maincontent .content .nhandinh .trandau1 .trandau .vs{ width:100px; text-align:center; float:left;}
main .maincontent .content .nhandinh .trandau1 .trandau .vs .icon{ width: 25px; height: 55px; background-position: -100px -100px; transform:scale(0.7); margin:-10px 0;}
main .maincontent .content .nhandinh .trandau1 .trandau .vs p{}
main .maincontent .content .nhandinh .trandau1 .trandau .vs p b{ display:inline-block; background-color:#434343; color:#fff; padding:2px 5px; margin:0 0 2px;}
main .maincontent .content .nhandinh .trandau1 .trandau .right{ text-align:left;}
main .maincontent .content .nhandinh .trandau1 .trandau .right .logo{ float:left; padding:0 10px 0 0;}
main .maincontent .content .nhandinh .trandau1 .noidung{ padding:15px; border-top:solid 1px #e8e8e8;}
main .maincontent .content .nhandinh .trandau1 .noidung div{ margin:0 0 5px;}
main .maincontent .content .nhandinh .trandau1 .noidung div .tieuchi{ float:left; width:110px; font-size:14px; text-align:right;}
main .maincontent .content .nhandinh .trandau1 .noidung div .ndnhandinh{ float:right; width:calc(100% - 120px); line-height:16px;}
main .maincontent .content .nhandinh .trandau1 .noidung div .ndnhandinh a{ color:#0862bd;}
main .maincontent .content .nhandinh .trandau1 .noidung div .ndnhandinh a:hover{ text-decoration:underline;}
main .maincontent .content .nhandinh .trandau1 .noidung div .chiso{ background-color:#d9232f; display:inline-block; padding:1px 8px; color:#fff; font-weight:bold;}






/*========== TIPS =========*/
main .maincontent .content table span.omaukq{ display:inline-block; font-size:12px; color:#fff; height:20px; background-color:#24a60e; line-height:20px; padding:0 5px; border-radius:3px; font-weight:bold;}
main .maincontent .content table span.omaukq.blue{ background-color:#0862bd;}
main .maincontent .content table span.omaukq.red{ background-color:#d9232f;}
main .maincontent .content table a{ color:#0862bd;}
main .maincontent .content table a:hover{ text-decoration:underline;}




main .maincontent .content table.lps th.gio, main .maincontent .content table.lps th.giai{ width:35px;}




/*========== CHI TIET DOI BONG =========*/
main .maincontent .content .chitietClb{}
main .maincontent .content .chitietClb .thongtindoibong{ padding:10px 10px 30px;}
main .maincontent .content .chitietClb .thongtindoibong .logo{ border:solid 1px #e8e8e8; float:left; width:228px; height:280px; text-align:center;}
main .maincontent .content .chitietClb .thongtindoibong .logo div{ height:210px;}
main .maincontent .content .chitietClb .thongtindoibong .logo img{ width:auto; height:auto; max-width:180px; max-height:180px; position:relative; top:50%; transform:translateY(-50%);}
main .maincontent .content .chitietClb .thongtindoibong .logo h1{ color:#d9232f; font-size:24px;}
main .maincontent .content .chitietClb .thongtindoibong .thongtin{ float:right; width:calc(100% - 230px); padding:65px 0 0;}
main .maincontent .content .chitietClb .thongtindoibong .thongtin li{ border-bottom:solid 1px #e8e8e8; padding:6px 0 5px;}
main .maincontent .content .chitietClb .thongtindoibong .thongtin li:last-child{ border:none;}
main .maincontent .content .chitietClb .thongtindoibong .thongtin li .tieude{ float:left; width:24%; text-align:right; text-transform:uppercase; line-height:18px;}
main .maincontent .content .chitietClb .thongtindoibong .thongtin li .chitiet{ width:72%; float:right; font-size:14px;}
main .maincontent .content .chitietClb h2{ font-size:14px; text-transform:uppercase; padding:20px 0 10px 10px;}
main .maincontent .content .chitietClb table{ margin:0 0 10px;}
main .maincontent .content .chitietClb table.lichCLB th{ min-width:30px;}
main .maincontent .content .chitietClb table.lichCLB th.doibong{ width:200px;}
main .maincontent .content .chitietClb .cauthu img{ width:auto; height:40px; vertical-align:middle; margin:5px 5px 0;}
main .maincontent .content .chitietClb .cauthu .soao{ font-weight:bold;}
main .maincontent .content .chitietClb .cauthu th:nth-child(2){ width:280px;}




/*========== DS QUOC GIA =========*/
main .maincontent .content .dsquocgia{ position:relative; z-index:1;}
main .maincontent .content .dsquocgia .chauluc{ margin:0 0 30px;}
main .maincontent .content .dsquocgia .chauluc h2{ color:#fff; font-size:14px; text-transform:uppercase; background-color:#434343; height:30px; line-height:30px; text-indent:15px; margin:0 0 20px;}
main .maincontent .content .dsquocgia .chauluc ul{ width:calc(50% - 60px); float:left; margin:0 30px;}
main .maincontent .content .dsquocgia .chauluc ul li{}
main .maincontent .content .dsquocgia .chauluc ul a{ display:block; border-bottom:solid 1px #ebebeb; height:30px; line-height:30px; color:#0862bd; transition:all 0.2s;}
main .maincontent .content .dsquocgia .chauluc ul li:last-child a{ border:none;}
main .maincontent .content .dsquocgia .chauluc ul a:hover{ text-indent:5px; background-color:#ebebeb;}
main .maincontent .content .dsquocgia .chauluc ul span{ display:inline-block; text-align:center; width:50px;}
main .maincontent .content .dsquocgia .chauluc ul img{ vertical-align:middle; height:15px; width:auto;}




/*========== TIN TUC =========*/
main .maincontent .content .tintuc{ padding:10px 20px;}
main .maincontent .content .tintuc .tin1 .imgBox{ display:block; margin:0 0 15px; overflow:hidden; position:relative;}
main .maincontent .content .tintuc .tin1 .imgBox img{ display:block; width:100%; height:auto; transition:all 0.3s;}
main .maincontent .content .tintuc .tin1:hover .imgBox img{ transform:scale(1.1) rotate(2deg);}
main .maincontent .content .tintuc .tin1 .noidung h3 a{ display:block; font-size:18px; color:#222; margin:0 0 5px; transition:all 0.2s;}
main .maincontent .content .tintuc .tin1 .noidung h3 a:hover{ color:#0862bd;}
main .maincontent .content .tintuc .tin1 .noidung p{ font-size:14px; line-height:20px;}
main .maincontent .content .tintuc .tinmoi{ padding:0 0 30px; border-bottom:solid 1px #e3e3e3; margin:0 0 20px;}
main .maincontent .content .tintuc .left{ width:calc(60% - 20px); float:left;}
main .maincontent .content .tintuc .right{ width:40%; float:right;}
main .maincontent .content .tintuc .right .tin2{ margin:0 0 10px;}
main .maincontent .content .tintuc .right .tin2 .imgBox{ width:90px; float:left; margin:0;}
main .maincontent .content .tintuc .right .tin2 .noidung{ padding:0 0 0 98px;}
main .maincontent .content .tintuc .right .tin2 .noidung h3 a{ font-size:14px; font-weight:normal;}
main .maincontent .content .tintuc .right ul{ padding:10px 0 0;}
main .maincontent .content .tintuc .right ul a{ display:block; font-size:14px; color:#222; padding:5px 0 5px 15px; position:relative; border-bottom:dashed 1px #c9c9c9; transition:all 0.2s;}
main .maincontent .content .tintuc .right ul a:hover{ text-indent:5px; color:#0862bd; background-color:#f5f5f5;}
main .maincontent .content .tintuc .right ul li:last-child a{ border:none;}
main .maincontent .content .tintuc .right ul a:before{ display:block; position:absolute; top:11px; left:3px; width:5px; height:5px; background-color:#222; content:' ';}
main .maincontent .content .tintuc .tincu{ border-bottom:solid 1px #e3e3e3; margin:0 0 10px;}
main .maincontent .content .tintuc .tincu .tin1{ margin:0 0 20px;}
main .maincontent .content .tintuc .tincu .imgBox{ width:36%; float:left; margin:0;}
main .maincontent .content .tintuc .tincu .noidung{ padding:0 0 0 calc(36% + 20px);}
main .maincontent .content .tintuc .paging{ text-align:right; font-size:0;}
main .maincontent .content .tintuc .paging li{ display:inline-block;}
main .maincontent .content .tintuc .paging a{ display:block; width:28px; height:28px; border:solid 1px #e8e8e8; line-height:28px; text-align:center; font-size:14px; font-weight:bold; color:#222; margin:0 0 0 5px; transition:all 0.2s;}
main .maincontent .content .tintuc .paging a:hover{ color:#0862bd; border-color:#0862bd;}
main .maincontent .content .tintuc .paging a.active{ background-color:#0862bd; color:#fff; border-color:#0862bd;}




/*========== TIN CHI TIET =========*/
main .maincontent .content .tieudetin{ padding:25px 20px 5px;}
main .maincontent .content .tieudetin h1{ font-size:20px; margin:0 0 5px;}
main .maincontent .content .tieudetin .time{ color:#777; margin:0 0 15px;}
main .maincontent .content .tieudetin .motangan{ font-weight:bold; font-size:14px; line-height:18px;}
main .maincontent .content .tintuc.tinchitiet .left{ width:calc(75% - 20px);}
main .maincontent .content .tintuc.tinchitiet .left .noidungchitiet{ font-size:14px; line-height:20px; margin:0 0 50px; text-align:justify;}
main .maincontent .content .tintuc.tinchitiet .left .noidungchitiet a{ color:#0862bd;}
main .maincontent .content .tintuc.tinchitiet .left .noidungchitiet a:hover{ text-decoration:underline;}
main .maincontent .content .tintuc.tinchitiet .left .noidungchitiet img{ display:block; max-width:100%; height:auto; margin:20px auto;}
main .maincontent .content .tintuc.tinchitiet .left .noidungchitiet .motaanh{ font-style: italic; text-align:center; margin:-10px 0 20px; font-size:12px;}
main .maincontent .content .tintuc.tinchitiet .left .tag{ font-size:0;}
main .maincontent .content .tintuc.tinchitiet .left .tag li{ display:inline-block;}
main .maincontent .content .tintuc.tinchitiet .left .tag a{ display:block; height:20px; line-height:20px; color:#fff; background-color:#434343; text-transform:uppercase; padding:0 10px; margin:0 2px 10px 0; font-size:12px; transition:all 0.2s;}
main .maincontent .content .tintuc.tinchitiet .left .tag a:hover{ background-color:#0862bd;}
main .maincontent .content .tintuc.tinchitiet .right{ width:25%;}
main .maincontent .content .tintuc.tinchitiet .right ul a{ font-size:12px;}
main .maincontent .content .tintuc .tinlienquan{ padding:30px 0 10px;}
main .maincontent .content .tintuc .tinlienquan h4{ font-size:14px; text-transform:uppercase; margin:0 0 15px;}
main .maincontent .content .tintuc .tinlienquan .danhsachtin{ font-size:0; margin:0 -5px;}
main .maincontent .content .tintuc .tinlienquan .danhsachtin .tin1{ width:calc(25% - 10px); margin:0 5px 20px; display:inline-block;}
main .maincontent .content .tintuc .tinlienquan .danhsachtin .tin1 .imgBox{ margin:0 0 5px;}
main .maincontent .content .tintuc .tinlienquan .danhsachtin .tin1 .noidung h3 a{ font-size:13px;}




/*========== VIDEO =========*/
main .maincontent .content .tintuc.video .left{ width:calc(68% - 20px);}
main .maincontent .content .tintuc.tinchitiet.video .left{ width:auto; float:none;}
main .maincontent .content .tintuc.video .tin1 .imgBox{ background-color:#000;}
main .maincontent .content .tintuc.video .tin1 .imgBox:before{ content:' '; background-image:url(../images/bdw_icon.png); background-size:500px auto; background-repeat:no-repeat; display:block; width:65px; height:65px; background-position:-150px -300px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:2; opacity:0.8; transition:all 0.5s;}
main .maincontent .content .tintuc.video .tin1:hover .imgBox:before{ opacity:1;}
main .maincontent .content .tintuc.video .tin1:hover .imgBox img{ opacity:0.68;}
main .maincontent .content .tintuc.video .right{ width:32%;}
main .maincontent .content .tintuc.video .right .tin1{ margin:0 0 20px;}
main .maincontent .content .tintuc.video .right .tin1 .imgBox{ margin:0 0 5px;}
main .maincontent .content .tintuc.video .right .tin1 .imgBox:before{transform:translate(-50%,-50%) scale(0.6);}
main .maincontent .content .tintuc.video .right .tin1 .noidung h3 a{ font-size:14px;}
main .maincontent .content .tintuc.video .tinmoi{ margin:0 0 10px; padding:0;}
main .maincontent .content .tintuc.video .tinlienquan .danhsachtin .tin1 .imgBox:before{transform:translate(-50%,-50%) scale(0.45);}

main .maincontent .content table td.tengiai h3 a {color: #222;}
main .maincontent .content .tableHeading h3 {
    display: inline-block;
    font-size: 16px;
}
main .maincontent .content .tableHeading h3 a {
    color: #222;
}
main .maincontent .content .quocgiakhac h2 {
    font-size: 18px;
    margin: 0 0 10px;
}
main .maincontent .content .nhandinh .trandau1 .giaibong h3 {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    height: 30px;
    line-height: 30px;
    background-color: #222;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
}
main .maincontent .content .nhandinh .trandau1 .giaibong h3:before, main .maincontent .content .nhandinh .trandau1 .giaibong h3:after {
    display: block;
    height: 30px;
    position: absolute;
    top: 0;
    left: -10px;
    background-color: #222;
    width: 30px;
    transform: skewX(30deg);
    z-index: -1;
    content: ' ';
}
main .maincontent .content .nhandinh .trandau1 .giaibong h3:after {
    left: auto;
    right: -10px;
    transform: skewX(-30deg);
}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 div a {
    font-size: 14px;
    text-transform: uppercase;
    color: #222;
    font-weight: bold;
}
main .maincontent .content .nhandinh .trandau1 .trandau .doibong1 div {
    padding: 25px 0 0;
}
main .maincontent .content .soikeoItem .headingLv2 h3 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px;
}
main .maincontent .content .dsquocgia .chauluc h3 {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #434343;
    height: 30px;
    line-height: 30px;
    text-indent: 15px;
    margin: 0 0 20px;
}
main .maincontent .content .tintuc .tinlienquan .danhsachtin .tin1 .noidung a {
    font-size: 13px;
}
main .maincontent .content .tintuc .tin1 .noidung a {
    display: block;
    font-size: 18px;
    color: #222;
    margin: 0 0 5px;
    transition: all 0.2s;
}