/* 超小螢幕（手機，小於 768px） */
@media (min-width: 0px) 
{
    /*--- carousel ---*/
    .carousel .carousel-control{
        opacity:1;
    }

    .carousel .left{
        border-right:10px solid #fff;
        overflow:hidden;
    }

    .carousel .right{
        border-left:10px solid #fff;
        overflow:hidden;
    }

    .carousel .carousel-control .icon{
        position:absolute;
        left:50%;
        top:50%;
        margin-left:-15px;
        margin-top:-15px;
    }

	/*--- free zone ---*/
	.freeZone{
		display : block;
		width : 613px;
		margin : 0px auto;
	}
	 .freeZone img{
	 	width : 100%;
	 }


    /*--- charts ---*/
    .music-charts .charts-title{
        padding:5px 15px;
    }

    .music-charts .charts-list-control{
        width:100%;
        border-top:2px solid #e86300;
    }

    .music-charts .charts-list-control div{
        float:right;
        margin:5px 2px;
    }

    .top-artist .row,
    .top-news .row{
        margin-bottom:10px;
    }
    .top-news .row{
        padding-bottom:12px;
    }/* 2015/11/23 新增-- 增加區塊的間距*/

    .top-news .news-img{
        margin-bottom:20px;
    }

    .top-news .news-txt b{
        font-size:16px;
        line-height:0px;
    }/* 2015/11/24 修改-- line-height:0px 
    整體寬度縮小後感覺行高太高導至間距太寬*/

    .top-news .banner{
        margin-top:53px;
        margin-bottom:20px;
    }

     /* 推薦 portrait*/
    .radioImg{
        display:block;
        margin:0px auto;
        width:165px;
        height:165px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: cover;
    }

     /* hot-artist portrait*/
    .artistImg{
        display:block;
        margin:0px auto;
        width:100px;
        height:100px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        border-radius:50%;
        border-radius:50%;
        background-size: cover;
    }
    
    /*-- 修正縮小後 col-xs-3 裡圖片與js的互動搭配問題 --*/
    .img-full{
     width:100%;
    }
    
    /* 專輯圖 固定大小*/
    .recommend-radio .album_box,
    .new-arrival .album_box,
    .song-list .album_box{
        margin-bottom:16px;
        
    }
    .song-list .album_box{
        height:330px;
        border:0px solid red;
    }
    .recommend-radio .album,
    .new-arrival .album,
    .song-list .album{
        display: flex;
        align-items: center;
        /*---垂直置中 ---*/
        width:165px;
        height:165px;
        background-color:#f4f4f4;
        border:0px solid red;
    }
    .recommend-radio .album img,
    .new-arrival .album img,
    .song-list .album img{
        margin-left:auto;
        margin-right:auto;
        max-width:165px;
        max-height:165px;
    }/*---水平置中 ---*/


    /* 共用樣式
       index 首頁, chart 排行榜, 三欄排行榜 
    */
    .music-charts .col-xs-4{
        padding-right:8px;
        padding-left:8px;
    }/*2015/11/25 新增
     為縮小欄位間距, 必須覆蓋bootstrap 默認值 --*/

     .charts-song, .charts-name {
        display: block;
        border: 0px dashed red;
        width: 75%;
    }/* 排行榜 歌名 歌手名 
        index 首頁, chart 排行榜 共用*/
    .songlist-name{
        display: block;
        width: 95%;
        border:0px dashed gray;
    }/* 推薦歌單  歌名 */
    .hot-artist{
        display: block;
        width: 100%;
        border:0px dashed gray;
    }
    .songTxt {
        width: 18em;
    }
    
    /* 更多排行榜 靠右 */
    .title .chart-more{
        float:right;
        line-height:40px;
    }

    .title .chart-more:hover{
        color:#e86300;
    }
    
    /* 更多編輯室文章 靠右 */
    .title .editor-more{
        float:right;
        line-height:40px;
    }

    .title .editor-more:hover{
        color:#e86300;
    }
}

/* 小螢幕（平板，大於等於 768px） */
@media (min-width: 768px) 
{

}

/* 中等螢幕（桌面螢幕，大於等於 992px） */
@media (min-width: 992px) 
{
    
}

/* 大螢幕（大桌面螢幕，大於等於 1200px） */
@media (min-width: 1200px) 
{
    
}