@charset "utf-8";
/* CSS Document */

aside{
    float:right;
    width:300px;
    letter-spacing:1px;
    margin:0px 0px 30px;
}

/* 側邊欄程式定位用 */
#right {
    width: 300px;
}
#right .suggest{
    overflow: hidden;
}

/*------------------------------*\
            Live Scores
\*------------------------------*/
/* liveScores.php */
.live_scores,
.live_scores div{
    overflow: hidden;
}
.live_scores{
    width:300px;
    background:#fff;
    padding:0px;
    margin-bottom:20px;
    position: relative;
}
.live_scores .game_box{
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.live_scores > p{
    height: 30px;
    font-size:18px;
    font-weight:normal;
    color:#fff;
    background:#d1752c;
    padding:3.5px 0px 0px 8px;
}
.live_scores .game_name{
    width:80px;
    height: 34px;
    text-align: center;
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
}
.live_scores .game_name > span{
    font-size:14px;
    line-height: 1.8;
    color:#fff;
}
.live_scores .battle{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width:300px;
    height: auto;
    padding:15px 15px 10px; 
}
.live_scores .team{
    width:79px;
    text-align: center;
}
.live_scores .team_logo{
    width:70px;
    height: 70px;
    margin:0 auto;
}
.live_scores .team_logo img{
    width:100%;
    height: auto;
}
.live_scores .team > span{
    font-size:15px;
    line-height: 2;
    letter-spacing: 0px;
}
.live_scores .score{
    flex:1;
    text-align: center;
}
.live_scores .score > p{
    height: 70px;
    font-family: Arial;
    font-size:30px;
    line-height: 3.4;
    letter-spacing: -1px;
}

/* 即時戰況 now */
.live_scores .now .game_name{
    background:url('../../images/rwd/gameNameBG2.svg') no-repeat center;
    background-size:80px 34px;
}
.live_scores .now .score > p{
    color:#bf1313;
}

/* 比賽結束 final */
.live_scores .final .game_name{
    background:url('../../images/rwd/gameNameBG1.svg') no-repeat center;
    background-size:80px 34px;
}
.live_scores .final .score > p{
    color:#888;
}
.live_scores .final .finalTxt{
    font-size: 15px;
    line-height: 2;
    color:#555;
}

/* 預告賽程 */
/* livePreview.php */
.live_scores.preview > p{
    background:#018d73;
}
.live_scores.preview .game_name{
    background:url('../../images/rwd/gameNameBG1.svg') no-repeat center;
    background-size:80px 34px;
}
.live_scores.preview .score > p{
    color:#888;
}
.live_scores.preview .date{
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 2.1;
    color:#2299ee;
}

/*------------------------------*\
              Others
\*------------------------------*/
/* 熱門新聞 */
.hotnews{
    width:300px;
    background-color:#fff;
    padding:0px;
    margin-bottom:20px;
    overflow:hidden;
}
.hotnews p{
    height: 30px;
    font-size:18px;
    font-weight:normal;
    color:#fff;
    background:#374b88;
    padding:3.5px 0px 0px 8px;
}
.hotnews ul{
    border-bottom: 1px solid #eaeaea;
}
.hotnews li{
    padding:5px 8px 5px;
}
.hotnews li+li{
    border-top:1px solid #717171;
}
.hotnews li:hover{
    background:#f5f5f5;
}
.hotnews li:hover a{
    color:#00b0ec;
}
.hotnews li a{
    color:#717171;
    font-size:16px;
    line-height:1.5;
}

/* FB Fans */
.fbFans{
    margin-bottom:20px;
}

/* 熱門關鍵字 */
.hot_tag{
    width:300px;
    min-height:250px;
    background-color:#fff;
    padding:0px;
    margin-bottom:20px;
    overflow:hidden;
}
.hot_tag > p{
    height: 30px;
    font-size:18px;
    font-weight:normal;
    color:#fff;
    background:#374b88;
    padding:3.5px 0px 0px 8px;
}
.hot_tag .hottag{
    padding:10px 10px 7px 10px;
}


/*------------------------------*\
			   RWD
\*------------------------------*/
/* Pad */
@media screen and (max-width:1139px) {
    aside{
        display:none;
    }
}