﻿

/** Data Keywords **/
.dataKeywords { display: inline-block; width: 100%; height: 72px;     margin: 20px 0 40px 0;background-color: #EEE;padding: 16px 10px 16px 20px;border-right: 0;  position: relative; z-index: 2 }
.dataKeywords .item { display: inline-block; float: left; margin-left: 20px; width: calc((100% - 340px) / 2) }
.dataKeywords .item:nth-child(2) { width: auto }
.dataKeywords .item:last-child { margin-left: 0 }
.dataKeywords .playerTeamInfo { float: right; display: inline-block; position: relative }
.dataKeywords .playerTeamInfo img { float: right; width: auto; height: 30px; margin-left: 10px; }
.dataKeywords .playerTeamInfo .name { position: relative;float: right; top: auto;right: auto;transform: none; }
.dataKeywords .playerTeamInfo .name a {   text-align: right; margin-right: 0; display: block; line-height: 1.3 }
.dataKeywords .playerTeamInfo .name .first { font-size: 16px; color: #000;font-size:15px;font-family:droidBold ,Arial;line-height: 35px; }
.dataKeywords .playerTeamInfo .name .second { font-size: 13px; color: #000; margin-top: 8px }
.dataKeywords .item .title { width: 100%; display: none; float: right; text-align: center; color: #000;   font-size: 11px; position: relative;margin-bottom:0 }
.dataKeywords .item.matches{margin-top:8px}
.dataKeywords .item .title a { text-align: center; line-height: 1.4 }
.dataKeywords .item ul { display: inline-block; width: 100%; float: right }
.dataKeywords .item ul li { display: inline-block; width: 100%; float: right }
.dataKeywords .item ul li .teamA, .dataKeywords .item ul li .teamB { float: right; width: calc((100% - 60px) / 2); text-align: center; margin-top: -4px; }
.dataKeywords .item ul li .teamA { padding-left: 12px }
.dataKeywords .item ul li .teamB { padding-right: 12px }
.dataKeywords .item ul li .teamA img, .dataKeywords .item ul li .teamB img { height: 20px; width: auto; border: none; display: inline-block }
.dataKeywords .item ul li .teamA .team, .dataKeywords .item ul li .teamB .team { display: inline-block; width: 100%; margin: 0; padding-top: 5px; color: #000;   font-size: 11px; line-height: 1.2; text-align: center }
.dataKeywords .item ul li .resultDiv { float: right; width: 60px; margin-top: 4px }
.dataKeywords .item ul li .resultDiv .matchStatus { display: inline-block; width: 100%; }
.dataKeywords .item ul li .resultDiv .matchStatus .time { width: 100%; display: inline-block; color: #0267A4; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center; float: right }
.dataKeywords .item ul li .resultDiv .matchStatus date { width: 100%; display: inline-block; color: #4D4D4D; font-family: Arial; font-size: 12px; text-align: center; float: right }
.dataKeywords .links { float: left; display: inline-block; }
.dataKeywords .more { display: inline-block;width:110px; height: 40px; background: #0079BB;border-radius:6px; text-align: center; color: #fff;   font-size: 14px; line-height: 40px; float: right; margin-left: 16px }
.dataKeywords .more:hover { background: #1b92d9; }
.dataKeywords .more:last-child { margin-left: 0 }
.dataKeywords .more span { float: left; margin-right: 10px; }
/*.dataKeywords .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.8; }*/
article .stats { width: 100%; height: 290px; }
article .stats.RelatedMatchstats { height: auto }
.fbComments .fb_iframe_widget_fluid_desktop iframe { width: 100% !important }

.euroInner .dataKeywords { border-radius: 6px;}
.item.new{background: #EEE;height:160px;margin-bottom:40px;margin-bottom: 40px;
    display: inline-block;
    width: 100%;
    overflow: hidden; float:right}
.item.new .title{display:inline-block;width:100%;height:44px;background: #000;text-align:right;border-radius:6px 6px 0 0;color:#fff;font-size:15px;font-family:droidBold, Arial;margin-bottom:0;padding:0 16px;line-height:44px}
.proPlayer .item.new .title:after{display:none}
.item.new li{display:inline-block;float:right;    WIDTH: 100%;background:#EEEEEE;border-radius:0 0 6px 6px;padding-top:18px;}
.item.new li .resultDiv {display: inline-block; width: 210px;text-align: center;    float: left;}
.item.new li date {display: inline-block;width: 100%;font-size: 13px;color: #000;line-height: 1;margin-bottom: 6px;float: right;font-family: arial;}
.item.new li .time {display: inline-block;width: 100%;font-size: 14px;color: #000;line-height: 1;float: right;font-family: arial;}
.item.new li .teamA,
.item.new li .teamB{display:inline-block;width:calc((100% - 210px) / 2)}
.item.new li .teamA{float:left}
.item.new li .teamB{float:right}
.item.new li .team a{display:inline-block;width:auto;height:40px;position:relative}
.item.new li .team a img{position:relative;height:100%;width:auto;}
.item.new li .teamA a{float:right;margin-left:20px}
.item.new li .teamB a{float:left;margin-right:20px}
.item.new li .teamB a.teamName{margin-right:0}
.item.new li .teamName{display:inline-block;color: #000;font-family: droidBold,Arial;font-size: 13px;;line-height:40px}
.item.new li .buttons{display:inline-block;position:relative;width:100%;height:36px; margin-top: 20px;border-top:1px solid #CCCCCC}
.item.new li .buttonItem{display:inline-block;position:relative;float:right;width:calc(100% / 3);text-align:center;color: #0079BB;font-size:13px;line-height:36px;  }
.item.new li .buttonItem:before{content:'';display:inline-block;position:absolute;height:100%;width:1px;top:0;left:0;background: #CCC;}
.item.new li .buttonItem:last-child:before{display:none}



@media screen and (min-width:1680px) and (max-width:1919px) {

    .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: auto;}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
        .dataKeywords .playerTeamInfo .name .first{line-height:48px}

    /*.dataKeywords .playerTeamInfo .name{right: 55px;}*/
    /*.dataKeywords .playerTeamInfo .name{right: 55px;}*/
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
      .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}

}
@media screen and (min-width:1600px) and (max-width:1679px) {

      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width: auto;}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
        .dataKeywords .playerTeamInfo .name .first{line-height:48px}

    /*.dataKeywords .playerTeamInfo .name{right: 55px;}*/
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
      .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}
}
@media screen and (min-width:1536px) and (max-width:1599px) {

      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width:auto;}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
        .dataKeywords .playerTeamInfo .name .first{line-height:48px}

    /*.dataKeywords .playerTeamInfo .name{right: 55px;}*/
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
      .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}
}
@media screen and (min-width:1440px) and (max-width:1535px) {
      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width:auto;}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
        .dataKeywords .playerTeamInfo .name .first{line-height:48px}

    /*.dataKeywords .playerTeamInfo .name{right: 55px;}*/
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
      .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}
}
@media screen and (min-width:1360px) and (max-width:1439px) {
      .dataKeywords .item{    width: calc((100% - 220px) / 2);margin-left:10px}
     .dataKeywords .playerTeamInfo{    width:auto;}
    .dataKeywords .playerTeamInfo img{width:48px;height:48px}
    .dataKeywords .playerTeamInfo .name .first{line-height:48px}
    .dataKeywords .playerTeamInfo .name{right: auto;}
    .dataKeywords .item:nth-child(2){width: 250px;}
    .dataKeywords .item.matches { margin: 8px 10px 0 10px;}
    .dataKeywords .more span{margin-right:6px}
    .dataKeywords .more .icon-more:before{font-size:12px}
    .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}

}
@media screen and (min-width:1280px) and (max-width:1359px) {

   .euroInner .dataKeywords{height:72px}
    .dataKeywords .item{    width: 100%;margin-left:0}
     .dataKeywords .playerTeamInfo{    width:auto;    border-left: 1px solid #e8e8e8;}
    .dataKeywords .item:nth-child(2){width: 300px;}
    .dataKeywords .more .icon-more:before{font-size:12px}
    .dataKeywords .links{width:100%}
    .dataKeywords .more{width:calc((100% - 10px) /2);margin-left: 10px;}
        .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}
        .item.new li .resultDiv{width: 135px;}
        .item.new li .teamA, .item.new li .teamB {
    display: inline-block;
    width: calc((100% - 135px) / 2);}
        .dataKeywords .playerTeamInfo .name .first{line-height:30px}
}
@media screen and (min-width:1152px) and (max-width:1279px) {

    .euroInner .dataKeywords{height:auto;padding: 16px 10px 16px 10px;}
       .dataKeywords .item { width: 100%; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    /*.dataKeywords .item:nth-child(2) { width: 100% }*/
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0 }
    .dataKeywords .item:last-child:after { display: none }
        .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}
             .item.new li .resultDiv{width: 135px;}
        .item.new li .teamA, .item.new li .teamB {
    display: inline-block;
    width: calc((100% - 135px) / 2);}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
        .dataKeywords{height:auto}
     .dataKeywords .item { width: 100%; margin-left: 0; margin-bottom: 10px; padding-bottom: 10px; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    .dataKeywords .item:nth-child(2) { width: 100% }
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0 }
    .dataKeywords .item:last-child:after { display: none }
    article .item.new{height:135px}
        .item.new li .teamA .teamName{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;
        width: calc(100% - 70px);
        margin-left: 0;}
             .item.new li .resultDiv{width: 135px;}
        .item.new li .teamA, .item.new li .teamB {
    display: inline-block;
    width: calc((100% - 135px) / 2);}
}

@media screen and (min-width:320px) and (max-width:767px) {
        .dataKeywords { height: auto;padding: 16px 10px 16px 10px; }
    .dataKeywords .item { width: auto; margin-left: 0; position: relative }
    .dataKeywords .item:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 1px; background: #e8e8e8 }
    .dataKeywords .item:nth-child(2) { width: 100% }
    .dataKeywords .item:last-child { margin-bottom: 0; padding-bottom: 0;width:auto }
    .dataKeywords .item:last-child:after { display: none }
    .dataKeywords .links { width: 100%; margin-top: 0 }
    .dataKeywords .more { width: calc((100% - 10px) / 2) }

    .item.new .title{height:36px;font-size:14px;line-height:36px}
article .item.new{height:135px}
.item.new li .team a{        height: 24px;
        margin: 0;
        width: 100%;}
.item.new li .team a.teamName{font-size:11px;        height: auto;
        line-height: 1;margin-top:5px}
.item.new li .resultDiv{width:115px;margin-top: 8px;}
.item.new li .teamA, .item.new li .teamB{    width: calc((100% - 115px) / 2);        text-align: center;}
.item.new li{    padding-top: 10px;}
.item.new li .buttons{    margin-top: 12px;}
.item.new li .buttonItem{font-size:12px}

.dataKeywords .playerTeamInfo img{    width: 30px; height: auto; margin-left: 6px;}
.dataKeywords .playerTeamInfo .name .first{font-size:13px}
.dataKeywords .more{width:66px;height:36px;line-height:36px;font-size:12px;margin-left: 6px;}
.dataKeywords .item:after{display:none}
}

