body{
    background-image: url(../img/config/bg.jpg);
    background-attachment:fixed;background-repeat:repeat;
}
.bg_white{background:#fff !important;}

.match-preview{padding:35px 40px;}
.match-preview .preview-head{padding:10px 0;border-bottom:1px solid #ddd;}
.match-preview .preview-head .match-h1{padding:0;margin:5px 0;line-height:24px;}
.match-preview .preview-head .head-program{text-align:center;}
.match-preview .preview-head .head-program .match-pg{font-size:20px;font-weight:bold;color:#003399;}
.match-preview .preview-head .head-program .score{font-size:20px;font-weight:bold;color:#f00;padding:3px 0;margin:0 8px;}
.match-preview .preview-head .head-program .score .live-minute{
    display:inline-block;font-size:11px;font-weight:normal;margin-top:-3px;vertical-align:top;
    color:#070;
}
.match-preview .preview-head .head-program .team-logo{max-height:30px;overflow:hidden;}
.match-preview .preview-head .head-program .team-logo img{width:30px;}
.match-preview .preview-head .head-program .team-name{
    font-family:"supermarket",Tahoma,Arial;font-weight:bold;font-size:18px;
}
.match-preview .preview-head .head-program .match-date{padding:0 0;}
.match-preview .preview-head .head-program .match-livetv{
    padding:10px 0 5px 0;text-align:center;font-family:"supermarket",Tahoma,Arial;font-weight:bold;
    font-size:16px;letter-spacing:1px;color:#f00;
}
.match-preview .preview-head .head-program .match-livetv img{max-height:25px;}
.match-preview .preview-head .head-program .match-linkdooball{
    padding:10px 0 0 0;margin:0;text-align:center;line-height:30px;font-size:22px;font-weight:bold;
}
.match-preview .preview-head .head-program .match-linkdooball a{color:#007700;}

.match-preview .preview-head .match-linkball{margin:5px 0 5px 0;}
.match-preview .preview-head .match-linkball .btn-link{
    display:block;width:49.4%;float:left;margin-right:0.3%;background:#f5f5f5;font-size:14px;
    text-align:center;padding:8px 10px;margin-bottom:3px;color:#222;border:1px solid #ddd;
}
.match-preview .preview-head .match-linkball .btn-link:hover{background:#eee;}
.match-preview .preview-head .match-linkball .btn-link img{max-height:14px;}

.match-preview .liveshow{margin:20px 0 20px 0;}
.match-preview .liveshow .lshow-topic{
    padding:6px 20px;margin:0 auto;text-align:center;
    font-size:15px;font-weight:bold;background:#82baec;color:#fff;
}
.match-preview .liveshow .lshow-result{margin-bottom:25px;}
.match-preview .liveshow .lshow-result .row{
    padding:0;background:#fff;margin:0 auto;color:#222;border-bottom:1px solid #cecece;
    border-left:1px solid #cecece;
}
.match-preview .liveshow .lshow-result .row.bg1{background:#f5f5f5;}
.match-preview .liveshow .lshow-result .row.headers{
    padding:3px 20px;margin:0 auto;
    text-align:center;font-size:15px;font-weight:bold;background:#82baec;color:#fff;
}
.match-preview .liveshow .lshow-result .row.headers .column{border-right:none;}
.match-preview .liveshow .lshow-result .row .column{
    float:left;width:40%;text-align:center;padding:0;font-size:13px;
    height:30px;line-height:30px;border-right:1px solid #cecece;
}
.match-preview .liveshow .lshow-result .row .column.center{width:20%;}
.match-preview .liveshow .lshow-result .row .column img{max-height:17px;}
.match-preview .liveshow .lshow-stat .row{
    padding:0;background:#fff;margin:0 auto;color:#222;
    border-bottom:1px solid #cecece;border-left:1px solid #cecece;
}
.match-preview .liveshow .lshow-stat .row.bg1{background:#f5f5f5;}
.match-preview .liveshow .lshow-stat .row .bar1{
    display:inline-block;width:0%;background:#fde0a4;height:18px;vertical-align:top;margin-top:4px;
}
.match-preview .liveshow .lshow-stat .row .bar2{
    display:inline-block;width:0%;background:#b4d4fd;height:18px;vertical-align:top;margin-top:4px;
}
.match-preview .liveshow .lshow-stat .row .column{
    float:left;width:30%;text-align:center;padding:0;height:30px;line-height:30px;font-size:13px;
    border-right:1px solid #cecece;
}
.match-preview .liveshow .lshow-stat .row .column.width-1{width:34%;text-align:right;}
.match-preview .liveshow .lshow-stat .row .column.width-2{width:7%;}
.match-preview .liveshow .lshow-stat .row .column.width-3{width:18%;color:#222;}
.match-preview .liveshow .lshow-stat .row .column.a-left{text-align:left;}

.match-preview .resultshow{margin:20px 0 20px 0;}
.match-preview .resultshow table{border-left:1px solid #cecece;}
.match-preview .resultshow table th{
    padding:6px 20px;margin:0 auto;
    text-align:center;font-size:15px;font-weight:bold;background:#82baec;color:#fff;
}
.match-preview .resultshow table tr{background:#fff;color:#222;}
.match-preview .resultshow table tr:nth-child(even){background:#f5f5f5;}
.match-preview .resultshow table td{
    padding:0 0;font-size:13px;height:30px;
    border:1px solid #cecece;border-top:none;border-left:none;
}
.match-preview .resultshow table td img{max-height:17px;display:inline-block;margin:0 3px;}

.match-preview .statshow{margin:5px 0 20px 0;}
.match-preview .statshow table{border-left:1px solid #cecece;}
.match-preview .statshow table th{
    padding:6px 20px;margin:0 auto;
    text-align:center;font-size:15px;font-weight:bold;background:#82baec;color:#fff;
}
.match-preview .statshow table tr{background:#fff;color:#222;}
.match-preview .statshow table tr:nth-child(even){background:#f5f5f5;}
.match-preview .statshow table td{
    padding:0 0;font-size:13px;height:30px;
    border:1px solid #cecece;border-top:none;border-left:none;
}
.match-preview .statshow table td .progress-bar{
    display:inline-block;background:#fff;height:18px;vertical-align:middle;margin-top:-5px;
}
.match-preview .statshow table td .bar1 .progress-bar{background:#fde0a4;}
.match-preview .statshow table td .bar2 .progress-bar{background:#b4d4fd;}
.match-preview .statshow table tr td:nth-child(3){color:#222;}

.match-preview .preview-content{margin:2% 0 0 0;}
.match-preview .preview-content h3{
    font-family:"supermarket",Tahoma,Arial;font-weight:bold;letter-spacing:1px;
    color:#003399;font-size:17px;line-height:24px;padding:0;margin:0;
}
.match-preview .preview-content .naver{float:left;width:30%;}
.match-preview .preview-content .naver li{float:right;width:65px;height:20px;line-height:20px;margin-top:5px;cursor:pointer;text-align:center;color:#FFF;font-size:80%;}
.match-preview .preview-content .naver li:last-child{margin-right:1.5%;}
.match-preview .preview-content .naver .tx_nav1{background-color:#0C0;border-left:1px solid #090;border-right:1px solid #090;border-top:1px solid #090;}
.match-preview .preview-content .naver .tx_nav2{background-color:#0C0;margin-left:0.5%;border-right:1px solid #090;border-top:1px solid #090;}
.match-preview .preview-content .filter{
    display:block;width:100%;background:#82baec;color:#fff;padding:5px 5px;font-size:13px;
}
.match-preview .preview-content .filter .nav-left{float:left;width:50%;text-align:left;}
.match-preview .preview-content .filter .nav-right{float:left;width:50%;text-align:right;}
.match-preview .preview-content .filter li{
    display:inline-block;margin-left:4px;text-align:center;
    color:#6d87a8;
}
.match-preview .preview-content .filter li.default{color:#fff;}
.match-preview .preview-content .filter li.active{cursor:pointer;color:#003399;}
.match-preview .preview-content .filter .nav-left li.active{
    background:#2f82cd;color:#eee;padding:1px 8px 2px 8px;line-height:16px;
    border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
}
.match-preview .preview-content .rows{border-bottom:1px solid #cecece;border-left:1px solid #cecece;font-size:13px;}
.match-preview .preview-content .rows:last-child{border-bottom:1px solid #cecece;}
.match-preview .preview-content .rows .col{
    float:left;display:block;height:30px;line-height:30px;overflow:hidden;
    text-align:center;border-right:#cecece 1px solid;
}
.match-preview .preview-content .rows .col.date{width:10%;}
.match-preview .preview-content .rows .col.pg{width:38%;text-align:left;padding-left:10px;}
.match-preview .preview-content .rows .col.pg img{max-height:16px;}
.match-preview .preview-content .rows .col.team{width:52%;}
.match-preview .preview-content .rows .col.team .too_pg_hide{display:none;}
.match-preview .preview-content .rows .col.team .m-team{display:block;float:left;width:35%;}
.match-preview .preview-content .rows .col.team .m-score{display:block;float:left;width:15%;text-align:center;}
.match-preview .preview-content .rows .col.team .m-note{display:block;float:left;width:15%;text-align:center;}
.match-preview .preview-content .rows .result-box{
    display:inline-block;height:17px;width:17px;line-height:17px;padding:0;vertical-align:middle;
    text-align:center;color:#fff;font-size:10px;
    border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
}
.match-preview .preview-content .rows .result-box.win{background:#0C0;}
.match-preview .preview-content .rows .result-box.lost{background:#C00;}
.match-preview .preview-content .rows .result-box.draw{background:#444;}

.match-preview .preview-column{float:left;width:49.5%;margin-top:15px;}
.match-preview .preview-column.r{float:right;}
.match-preview .preview-column .preview-content .rows .col.date{width:16%;}
.match-preview .preview-column .preview-content .rows .col.pg{width:32%;}

@media screen and (min-width:650px) and (max-width:859px) {
    .match-preview {
        padding: 15px 15px;
    }
}

@media screen and (max-width: 419px) {
    .match-preview {
        padding: 5px;
    }
}

    
    .match-preview .liveshow .lshow-stat .row .column.width-1{width:27%;}
    .match-preview .liveshow .lshow-stat .row .column.width-2{width:10%;}
    .match-preview .liveshow .lshow-stat .row .column.width-3{width:26%;overflow:hidden;}
    
    .match-preview .preview-content .filter{font-size:12px;}
    .match-preview .preview-content .filter .nav-left{width:60%;text-align:left;}
    .match-preview .preview-content .filter .nav-right{float:left;width:40%;text-align:right;}
    .match-preview .preview-content .filter .nav-left li{text-align:left;}
    
    .match-preview .preview-content .rows{font-size:13px;}
    .match-preview .preview-content .rows .col.date{width:15%;font-size:12px;}
    .match-preview .preview-content .rows .col.pg{width:33%;}
    
    .match-preview .preview-column .preview-content .rows .col.pg .pg-name{display:none;}
    .match-preview .preview-column .preview-content .rows .col.date{width:25%;}
    .match-preview .preview-column .preview-content .rows .col.pg{width:10%;}
    .match-preview .preview-column .preview-content .rows .col.team{width:65%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-team{width:32.5%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-score{width:20%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-note{width:15%;}
}

@media screen and (min-width:420px) and (max-width:649px){
    .match-preview{padding:10px 10px;}
    
    .match-preview .liveshow .lshow-stat .row .column.width-1{width:22%;}
    .match-preview .liveshow .lshow-stat .row .column.width-2{width:10%;}
    .match-preview .liveshow .lshow-stat .row .column.width-3{width:36%;overflow:hidden;}
    
    .match-preview .preview-content .filter{font-size:12px;}
    .match-preview .preview-content .filter .nav-left{width:60%;text-align:left;}
    .match-preview .preview-content .filter .nav-right{float:left;width:40%;text-align:right;}
    .match-preview .preview-content .filter .nav-left li{text-align:left;}
    
    .match-preview .preview-content .rows{font-size:13px;}
    .match-preview .preview-content .rows .col.date{width:25%;font-size:12px;}
    .match-preview .preview-content .rows .col.pg{width:10%;text-align:center;;padding-left:0px;}
    .match-preview .preview-content .rows .col.pg .pg-name{display:none;}
    .match-preview .preview-content .rows .col.team{width:65%;}
    .match-preview .preview-content .rows .col.team .m-team{width:40%;}
    .match-preview .preview-content .rows .col.team .m-score{width:20%;}
    .match-preview .preview-content .rows .col.team .m-note{width:0%;}
    
    .match-preview .preview-column .preview-content .rows .col.date{width:25%;}
    .match-preview .preview-column .preview-content .rows .col.pg{width:10%;}
    .match-preview .preview-column .preview-content .rows .col.team{width:65%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-team{width:32.5%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-score{width:20%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-note{width:15%;}
    
    .match-preview .preview-column{float:none;width:100%;margin-top:10px;}
    .match-preview .preview-column.r{float:none;}
}

@media screen and (min-width:280px) and (max-width:419px){
    .match-preview{padding:10px 5px;}
    .match-preview .preview-head .match-linkball .btn-link{width:100%;float:none;}
    
    .match-preview .liveshow .lshow-stat .row .column.width-1{width:22%;}
    .match-preview .liveshow .lshow-stat .row .column.width-2{width:10%;font-size:10px;}
    .match-preview .liveshow .lshow-stat .row .column.width-3{width:36%;font-size:10px;overflow:hidden;}
    
    .match-preview .preview-content .filter{font-size:10px;}
    .match-preview .preview-content .filter .nav-left{width:60%;text-align:left;}
    .match-preview .preview-content .filter .nav-right{float:left;width:40%;text-align:right;}
    .match-preview .preview-content .filter .nav-left li{text-align:left;}
    
    .match-preview .preview-content .rows{font-size:12px;}
    .match-preview .preview-content .rows .col.date{width:25%;font-size:11px;}
    .match-preview .preview-content .rows .col.pg{width:10%;text-align:center;;padding-left:0px;}
    .match-preview .preview-content .rows .col.pg .pg-name{display:none;}
    .match-preview .preview-content .rows .col.team{width:65%;}
    .match-preview .preview-content .rows .col.team .m-team{width:40%;}
    .match-preview .preview-content .rows .col.team .m-score{width:20%;}
    .match-preview .preview-content .rows .col.team .m-note{width:0%;}
    
    .match-preview .preview-column .preview-content .rows .col.date{width:25%;}
    .match-preview .preview-column .preview-content .rows .col.pg{width:10%;}
    .match-preview .preview-column .preview-content .rows .col.team{width:65%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-team{width:32.5%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-score{width:20%;}
    .match-preview .preview-column .preview-content .rows .col.team .m-note{width:15%;}
    
    .match-preview .preview-column{float:none;width:100%;margin-top:10px;}
    .match-preview .preview-column.r{float:none;}
    
    .table_point .box_img_team{display:none;}
    .table_point .boxC.ff, .table_point .boxC.aa{display:none;}
    .table_point .tbTopic1{height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbTopic1 .boxNo{width:8%;height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbTopic1 .boxTeam1{height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbTopic1 .boxC{width:8%;height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbTopic1 .boxPoint1{height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbContent{height:auto;}
    .table_point .tbContent .boxNo{width:8%;font-size:11px;height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbContent .boxTeam1{height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbContent .boxC{width:8%;font-size:11px;height:26px;line-height:26px;overflow:hidden;}
    .table_point .tbContent .boxPoint1{width:10.5%;height:26px;line-height:26px;overflow:hidden;}
}