﻿
/* Live sport*/
/*@font-face {
    font-family: "DigitalBold";
    src: local("DigitalBold"), url("http://kenh143.mediacdn.vn/styles/fonts/DS-DIGIB.TTF");
}*/
@font-face {
        font-family: 'DigitalBold';
        src: url('/web_font/DS-DIGIB.eot'); /* IE9 Compat Modes */
        src: url('/web_font/DS-DIGIB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/web_font/DS-DIGIB.ttf') format('truetype');
    }

.fl { float: left; }
.fr { float: right; }
.spritelive { background-image: url(/images/spritelive_v5.png); background-repeat: no-repeat; }
.wp100 { width: 100%; }
.wp1263-mauto { margin: 0 auto; width: 1263px; }
.wp-mauto1014px { width: 1033px; margin: 0 auto; }
.wp660 { width: 660px; float: left; }
.wp673 { width: 675px; }
.wp285 { width: 285px; }
.wp320 { width: 320px; background: #f0f0f0; }
.mg0 { margin: 0px auto; }

.mgt3 { margin-top: 3px; }
.mgt30 { margin-top: 30px; }
.mgt7 { margin-top: 7px; }
.mgt8 { margin-top: 8px; }
.mgt15 { margin-top: 15px; }
.mgt20 { margin-top: 20px; }
.mgt28 { margin-top: 28px; }
.mgb28 { margin-bottom: 28px; }
.mgb5 { margin-bottom: 5px; }
.mgt60 { margin-top: 60px; }

.mgl1 { margin-left: 1px; }
.mgl5 { margin-left: 7px; }
.mgl10 { margin-left: 9px; }
.mgl9 { margin-left: 10px; }
.mgl15 { margin-left: 15px; }
.mgl25 { margin-left: 25px; }
.mgl20 { margin-left: 20px; }

.mgr5 { margin-right: 5px; }
.mgr10 { margin-right: 10px; }
.mgr20 { margin-right: 20px; }

.text-right { text-align: right; }
.uppercase { text-transform: uppercase; }
.newcontent { background: #FAFAFA; /*url(/skin/livesport/masterbg.gif) repeat-y;*/ width: 1014px; overflow: hidden; /*padding:0 10px*/ }
.wpcontent { border: 1px solid #cacaca; margin: 0 8px; float: left; padding: 20px; }
.wpcontent1 { border: 1px solid #cacaca; border-top-left-radius: 12px !important; border-top-right-radius: 12px !important; border-radius: 5px; border-top: none; padding-bottom: 20px; float: left; width: 642px; margin-left: 19px; font-family: Arial; font-size: 12px; }
.boxtisotop { background: url(/images/bgtisov.png) no-repeat; width: 643px; height: 331px; position: relative; }
.titletop { position: absolute; top: 20px; left: 140px; background: url(http://kenh143.mediacdn.vn/skin/livesport/bgtite.png) no-repeat; display: block; width: 385px; height: 33px; line-height: 33px; text-align: center; }
.titletop p { font-size: 18px; font-weight: bold; color: #fefefe; line-height: 33px !important; margin-top: 0 !important; }

.boxtisotop1 { background: url(/Images/match-info.png); width: 610px; height: 216px; position: absolute; left: 17px; top: 106px; border-radius: 5px; }
/*.boxtisotop1 .time{height:44px; position:absolute; top:-25px; left:230px; line-height:44px; text-align:center;}*/
.boxtisotop1 .time { height: 44px !important; /*left: 230px;*/ line-height: 44px; position: relative; text-align: center; top: -45px; }
.boxtisotop1 .time div { margin: auto; font-size: 20px; color: #fff; background-position: -1px -58px; width: 206px; height: 89px; padding-top: 12px; }
.boxtisotop1 .time div span { font-size: 32px; color: #fff; font-family: DigitalBold; }
/*.boxtisotop1 .time ul{list-style-type:none; margin:0; padding:0;}
.boxtisotop1 .time ul li{display:inline-block;}
.boxtisotop1 .time p{line-height:44px !important;}
.boxtisotop1 .time p.center{font-size:20px; font-family:Myriad Pro; color:#363636; font-weight:bold; background:url(http://kenh143.mediacdn.vn/skin/livesport/centertime.png) repeat-x;float:left; padding:0 25px}
.boxtisotop1 .time p.lefttime{background-position:0 -56px; width:25px; float:left;}
.boxtisotop1 .time p.righttime{background-position:-39px -56px; width:25px; float:left;}*/

.boxtisotop1 ul.match-info { /*float:left; margin:6px 0px 0 65px;*/ margin-left: 12px; }
.boxtisotop1 ul.match-info li.match-item { /*float:left;*/ text-align: center; width: 204px; }
.boxtisotop1 ul.match-info li.match-item .normal { color: #575757; font-size: 12px; font-weight: bold; margin-top: 6px; /*margin-top:20px; margin-left:10px; float:left; width:100%; text-align:left*/ }
.boxtisotop1 ul.match-info li.match-item p.active { color: #9b9b9b; font-size: 12px; font-weight: bold; text-transform: uppercase; }
/*.boxtisotop1 ul.match-info li.match-item img{float:left;}*/
.boxtisotop1 ul.match-info li.tiso { /*margin:0 30px 0 0pxpadding-left: 6px;*/ width: 168px; }
.boxtisotop1 ul.match-info li.tiso .doia p.normal { width: 100%; float: left; margin: 0px 0 0 10px !important; }

.boxtisotop1 ul.match-info li.match-item p.team { color: #fff; font-size: 20px; font-weight: bold; margin-top: 20px; width: 100%; text-align: center; }
.boxtisotop1 ul.match-info li.match-item img{display: inline;}
/* ty so match*/
.boxtisotop1 ul.tyso-match { list-style-type: none; margin: 0; padding: 0; }
.boxtisotop1 ul.tyso-match li { margin-top: 0; display: inline-block; font: 64px DigitalBold; color: #e48e0f; }
.boxtisotop1 ul.tyso-match li.tiso-match-sep { margin: 0 10px; }
/*.boxtisotop1 ul.tyso-match li p{margin: 0 2px 0 2px;float:left; width:23px; height:35px;}
.boxtisotop1 ul.tyso-match li .tyso-match-0{background-position:-1px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-1{background-position:-24px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-2{background-position:-48px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-3{background-position:-72px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-4{background-position:-96px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-5{background-position:-120px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-6{background-position:-144px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-7{background-position:-168px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-8{background-position:-192px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-9{background-position:-216px -100px;}
.boxtisotop1 ul.tyso-match li .tyso-match-sep{background-position:-240px -100px;}*/
/* ty so penalty*/
.boxpenalty ul.tyso-penalty { list-style-type: none; margin: 14px 0; padding: 0; }
.boxpenalty ul.tyso-penalty li { display: inline; float: none; margin-top: 0; padding: 0; width: auto; font-family: DigitalBold; font-size: 32px; }
.boxpenalty ul.tyso-penalty li.tiso-penalty-sep { margin: 0 4px; }
/*.boxpenalty ul.tyso-penalty li p{margin: 0 2px 0 2px;float:left; width:13px; height:20px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-0{background-position:-1px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-1{background-position:-14px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-2{background-position:-28px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-3{background-position:-42px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-4{background-position:-56px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-5{background-position:-70px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-6{background-position:-84px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-7{background-position:-98px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-8{background-position:-112px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-9{background-position:-126px -136px;}
.boxpenalty ul.tyso-penalty li .tyso-penalty-sep{background-position:-140px -136px;}*/

/*.boxtisotop1 ul.match-info li.tiso p.normal{line-height:15px; font-size:12px !important; font-weight:normal !important; text-align:center; margin-left:0 !important;}*/
.boxtisotop1 ul.match-info li.tiso img { padding-bottom: 40px; float: left; }

.boxpenalty { /*background:url(/skin/livesport/bgcontent1.jpg) repeat-x;*/ width: 610px; /*height:230px;*/ float: left; margin: 20px 17px; border-radius: 5px; border: 1px solid #e0e0e0; }

/*.boxpenalty ul{width:155px}*/
.boxpenalty ul li { float: left; width: 100%; text-align: center; }
.boxpenalty ul li span { background-position: -191px -33px; width: 22px; height: 20px; }
.boxpenalty ul li.active span { background-position: -217px -33px; width: 22px; height: 20px; }
/*.boxpenalty ul li p{color:#333; float:left;}
.boxpenalty ul.center li p{font-size:20px; font-weight:bold;}*/
.boxpenalty ul.left { margin: 60px 0 20px 0; width: 218px; }
.boxpenalty ul.center { width: 174px; }
.boxpenalty ul.center img { margin-top: 60px; float: left; }
.boxpenalty ul.right { margin: 60px 0 20px 0; width: 218px; }
.box-caption { background-position: -1px -1px; width: 118px; height: 26px; color: #fff; font-size: 14px; font-weight: bold; padding-top: 4px; margin: auto; }

.player-left { width: 144px; text-align: right; margin-right: 4px; }
.player-right { width: 144px; text-align: left; margin-left: 4px; }
.card-title li { font-weight: bold; }

.tructiep { width: 610px; margin: 20px 17px; border-radius: 5px; border: 1px solid #e0e0e0; font-size: 14px}
.tructiep ul.left li, .tructiep ul.right li { padding: 10px 0; }
.ghiban, .thephat, .thaynguoi { border-bottom: 1px solid #e0e0e0; /*width:97%; padding:10px*/ }
.thaynguoi { border-bottom: none !important; }
.ghiban ul, .thephat ul, .thaynguoi ul { float: left; width: 218px; min-height: 1px; }
.ghiban ul.card-center, .thephat ul.card-center, .thaynguoi ul.card-center { width: 174px; }

.ghiban ul.right li span { margin: -2px 0 0 10px !important; }
.ghiban ul li { float: left; text-align: center; width: 100%; }
.ghiban ul li span { background-position: -169px -33px; width: 20px; height: 20px; margin: -2px 0 0; }
    .ghiban ul li span.penaltyisnotgoal {
        background-position: -216px -33px;
        width: 23px;
        background: url(https://sohanews.sohacdn.com/web_images/penalty_x.png) no-repeat;
        position: relative;
        top: 4px;
        left: 6px;
    }
    .ghiban ul li span.penaltyisgoal {
        background-position: -245px -33px;
        width: 23px;
    }

.thephat ul.right li span { margin: -2px 0 0 10px !important; }
.thephat ul li { float: left; text-align: center; width: 100%; }
.thephat ul li.thedo span { background-position: -152px -11px; width: 15px; height: 20px; margin: -2px 0 0; }
.thephat ul li.thevang span { background-position: -189px -10px; width: 13px; height: 20px; margin: -2px 0 0; }
.thephat ul li.thevang2 span { background-position: -170px -9px; width: 18px; height: 21px; margin: -2px 0 0; }

.thaynguoi ul.right li span { margin: -15px 0 0 10px !important; }
.thaynguoi ul li { float: left; text-align: center; width: 100%; }
.thaynguoi ul li span { background-position: -150px -30px; width: 20px; height: 26px; margin: -15px 0 0; }
.thaynguoi ul li p.fr { margin-top: -10px; }
.thaynguoi ul.right li p.fr { margin-top: 0 !important; }
.thaynguoi ul.right li p.fl { margin-top: -10px !important; }

.tuongthuat { width: 605px; float: left; margin: 20px 17px; border-radius: 5px; border: 1px solid #e0e0e0; padding: 10px; }
.tuongthuat div.timeline-row { border-bottom: 1px solid #e0e0e0; /*padding-bottom:20px;*/ width: 100%; float: left; padding-top: 16px; padding-bottom: 12px; }
/*.tuongthuat ul.row-item{margin: 10px 0;}*/
/*.tuongthuat p.imgnoibat{float:left; margin-left:104px; margin-top:10px}*/
.tuongthuat .time-left { font-size: 15px; margin-bottom: 6px; }
.tuongthuat .time-left a { font-size: 15px; color: #333; }
.tuongthuat .time-left span.time { font-size: 20px; font-weight: bold; }
.tuongthuat .time-left span.extra-time { font-size: 16px; font-weight: bold; }

.tuongthuat .time-left span.bong { background-position: -169px -33px; width: 20px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.giay { background-position: -293px -33px; width: 31px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.pen { background-position: -190px -33px; width: 24px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.penno { background-position: -217px -33px; width: 24px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.chanthuong { background-position: -268px -33px; width: 24px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.bolo { background-position: -247px -33px; width: 20px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.xungdot { background-position: -203px -6px; width: 28px; height: 26px; }
.tuongthuat .time-left span.tranbatdau { background-position: -345px -38px; width: 17px; height: 20px; margin-top: 2px; }
.tuongthuat .time-left span.kethuchiep { background-position: -363px -39px; width: 17px; height: 20px; margin-top: 2px; }

.tuongthuat .time-left span.action { width: 31px; height: 26px; float: left; margin-left: 6px; }

.tuongthuat .time-left span.thevang1 { background-position: -189px -9px; width: 14px; height: 20px; }
.tuongthuat .time-left span.thevang2 { background-position: -170px -9px; width: 19px; height: 21px; }
.tuongthuat .time-left span.thedo { background-position: -152px -11px; width: 15px; height: 20px; }
.tuongthuat .time-left span.thaynguoi-timeline { background-position: -150px -30px; width: 19px; height: 26px; }
.tuongthuat .time-left span.icon-box { width: 61px; background-color: #e5941b; border-radius: 3px; text-align: center; color: #fff; line-height: 26px; }
.tuongthuat .time-left .timeline-des { float: left; width: 484px; margin-left: 5px; }
.tuongthuat .image-timeline { /*max-width: 484px; overflow: hidden;max-height: 90px;*/ float: left; }
.tuongthuat .image-timeline ul { display: block; }
.tuongthuat .image-timeline li { margin-right: 2px; float: none; display: inline-block; }
/*.tuongthuat ul{float:left; width:485px; margin:7px 0 0 107px; overflow:hidden;}*/
.tuongthuat ul li { float: left; }
.tuongthuat ul li img { /*width: 158px; height: 89px;*/ }

.timeline-des {
    line-height: 24px;
}

#lblStadium, #lblReferee{margin-top: 5px;}

.image-timeline img { width: 490px; }
.time-left { width: 98px; }
.time-right {
    width: 490px;
    font-size: 16px;
    position: relative;
    float: right !important;
}
.livesport-post { width: 643px; margin: auto; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 53%; margin-top: -16px; outline: 0; width: 0px; height: 0px; text-indent: -9999px; z-index: 999; background-color: transparent; opacity: 0.5; }
.bx-wrapper .bx-controls-direction a:hover { opacity: 1; }
.bx-wrapper .bx-next { border-left: solid 16px orange; border-top: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid transparent; right: 0; }
.bx-wrapper .bx-prev { border-right: solid 16px orange; border-top: 16px solid transparent; border-left: 16px solid transparent; border-bottom: 16px solid transparent; left: 0; }
