/* 超小螢幕（手機，小於 768px） */
@media (min-width: 0px) {
    hr.col-xs-12 {
        padding: 0;
        margin: 0;
    }

    /*--- Title SM ---*/
    .album-hot-song .title-sm {
        border-bottom: 0px solid #e86300;
    }

        .album-hot-song .title-sm p {
            float: left;
            padding: 5px 10px;
        }

    /*---  專輯介紹 title ---*/
    .coverTitle{
        margin-top:0px;
    }
    /*---  專輯介紹 文案區 ---*/
    .album-intro{
        height: 170px;
        padding:8px;
        border:0px solid gray;
        overflow: auto;
    }

    .title-sm h3 {
        float: left;
        font-size: 20px;
    }

    .title-sm .album-time {
        font-size: 14px;
    }

    .title-sm .charts-list-control {
        float: right;
        margin-top: 20px;
    }

    .title-sm .form-group {
        float: left;
        width: 20%;
        margin: 0;
    }

    .title-sm .charts-list-control div {
        float: left;
        margin-right: 10px;
    }

    /*--- Charts List Complete ---*/
    .charts-list-complete {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .charts-list-complete li {
            border-bottom: 1px solid #dbdbdb;
            position: relative;
        }

            .charts-list-complete li:last-child {
                border-bottom: 1px solid #e86300;
            }

            .charts-list-complete li:first-child {
                border-top: 1px solid #e86300;
            }

            .charts-list-complete li.active {
                background-color: #f5f5f5;
            }

            .charts-list-complete li div {
                float: left;
            }

        .charts-list-complete .charts-song,
        .charts-list-complete .charts-song-title {
            width: 10%;
            line-height: 50px;
            margin-left: 20px;
            padding-left:10px;
            border:0px solid red;
        }
        .charts-list-complete .charts-star,
        .charts-list-complete .charts-star-title {
            width: 10%;
            line-height: 50px;
            margin-left: 0px;
            border:0px solid red;
        }
        .charts-list-complete .charts-artist,
        .charts-list-complete .charts-artist-title {
            width: 85%;
            line-height: 50px;
            border:0px solid gray;
        }
        .charts-list-complete .hot,
        .charts-list-complete .hot{
            margin-top: 12px;
        }/* 2016/01/06 新增 hot ixon */

        .charts-list-complete .charts-control {
            position: absolute;
            left: 900px;
            top: 12px;
            background-color: #F5F5F5;
        }

            .charts-list-complete .charts-control div {
                margin-right: 15px;
            }

        .charts-list-complete [class*="charts-control-"] {
            width: 25px;
            height: 25px;
            border: 1px solid #808080;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50px;
            cursor: pointer;
        }
    /*--  專輯寧稱 連結  */
    .album-name a{
         color: #808080;
    }
    .album-name a:hover{
         color: #e86300;
    }

    /*--- Album Hot Song ---*/
    .album-hot-song a {
        color: #808080;
    }

    .album-hot-song a.active {
        color: #e86300;
    }

    .charts-list li div {
        float: left;
    }

    .charts-num {
        height: 21px;
        margin-top: 10px;
    }

    .charts-song {
        width: 40%;
        line-height: 40px;
    }

    .charts-album {
        line-height: 40px;
    }

    .charts-list .charts-control {
        float: right;
        margin-top: 8px;
    }

    .album-detail {
        margin-bottom: 0px;
    }

        .album-detail div {
            margin-top: 10px;
        }

    .album-type span:first-child {
        margin-right: 15px;
    }
}

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

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

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