/* 超小螢幕（手機，小於 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 : 860px;
		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 5px;
    }

    .top-artist .row,
    .top-news .row{
        margin-bottom:0px;
    }

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

    .top-news .news-txt b{
        font-size:16px;
        line-height:30px;
    }

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

    /* 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;
    }
    
    .new-arrival .album-box{
        border:0px solid red;
        margin-bottom:16px;
    }
    .new-arrival .album{
        display: flex;
        align-items: center;
        /*---垂直置中 ---*/
        width:165px;
        height:165px;
        background-color:#f4f4f4;
    }
    .new-arrival .album img{
        margin-left:auto;
        margin-right:auto;
        max-width:165px;
        max-width:165px;
    }/*---水平置中 ---*/
    
    /* 更多排行榜 靠右 */
    .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) 
{
    
}