/* 超小螢幕（手機，小於 768px） */
@media (min-width: 0px) 
{
    .nav-tabs li{
        width:14.27%;
    }

    .search-artist .row{
        margin-bottom:0px;
    }

    /*--- 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:35%;
        line-height:50px;
        margin-left:20px;
    }

    .charts-list-complete .charts-artist,
    .charts-list-complete .charts-artist-title{
        width:30%;
        line-height:50px;
    }

    .charts-list-complete .charts-album,
    .charts-list-complete .charts-album-title{
        width:32%;
        line-height:50px;
    }

    .charts-list-complete .charts-control{
        position:absolute;
        right: 1%;
        top:12px;
        width:250px;
        text-align:left;
        border:1px solid red;
    }

    .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;
    }

    /*--- Search Article ---*/
    .search-article ul{
        list-style:none;
        padding:0;
        margin:0;
    }

    .search-article ul li{
        border-bottom:1px solid #dbdbdb;
        position:relative;
        padding:15px 0;
    }

    .search-article ul li:last-child{
        border-bottom:1px solid #e86300;
    }

    .search-article ul li:first-child{
        border-top:1px solid #e86300;
    }

    .search-article ul li b{
        font-size:16px;
    }

    .search-article .tag{
        margin-top:10px;

    }

    /*.search-article .tag span{
        border:1px solid #808080;
        border-radius:12px;
        padding:2px 8px;
        margin-top:5px;
        margin-right:10px;
    } 10/27 修改 取消 */
    .search-article .tag a{
        float:left;
        margin-right:10px;
        margin-bottom:10px;/*0204 修正tag行距*/
        
        display:block;
        padding:2px 5px;
        border-radius:12px;
        background-color:#fff;
        border:1px solid #e86300;
        text-align:center;
        text-decoration:none;
    }/* 10/27 新增 */
    .search-article .tag a:hover{
        background-color:#e86300;
        color: #fff;
    }/* 10/27 新增 */

    /*--- Search Lyrics ---*/
    .search-lyrics ul{
        list-style:none;
        padding:0;
        margin:0;
    }

    .search-lyrics ul li{
        border-bottom:1px solid #dbdbdb;
        position:relative;
        padding:15px 0;
    }

    .search-lyrics ul li:last-child{
        border-bottom:1px solid #e86300;
    }

    .search-lyrics ul li:first-child{
        border-top:1px solid #e86300;
    }

    .search-lyrics ul li b{
        font-size:16px;
    }

    .search-lyrics .charts-control{
        position:absolute;
        right:0%;
        top:15px;
    }

    .search-lyrics .charts-control div{
        float:left;
        margin-right:15px;
    }

    .search-lyrics [class*="charts-control-"]{
        width:25px;
        height:25px;
        border:1px solid #808080;
        background-color:rgba(255, 255, 255, 0.2);
        border-radius:50px;
        cursor:pointer;
    }

    /*--- Search Lyrics ---*/
    .search-select select{
        background-color:#fafafa;
        box-shadow:none;   
    }

    .search-select .input-group-addon{
        background-color:#fafafa;
        border-radius:4px;
        border:1px solid #cfcfcf;
    }

    .search-select .input-group-addon span{
        float:left;
        line-height:35px;
    }

    .search-select select{
        border:none;
    }

    /*--- Search album ---*/   
    .search-album .album-box{
        border:0px solid red;
        margin-bottom:16px;
    }
    .search-album .album{  
        display: flex;
        align-items: center;
        /*---垂直置中 ---*/
        width:165px;
        height:165px;
        background-color:#f4f4f4;
    }
    .search-album .album img{
        margin-left:auto;
        margin-right:auto;
        max-width:165px;
        max-width:165px;
    }/*---水平置中 ---*/

 /*--- 歌單 外框---*/   
    .search-list .album-box{
        border:0px dashed #cbc9c9;
        height:326px;
        margin-bottom:30px;
    }
    .search-list .album{
        display: flex;
        align-items: center;
        /*---垂直置中 ---*/
        width:165px;
        height:165px;
        background-color:#f4f4f4;
    }
    .search-list .album img{
        margin-left:auto;
        margin-right:auto;
        max-width:165px;
        max-width:165px;
    }/*---水平置中 ---*/

    /*---搜尋無結果   Title SM ---*/
    .non-title-sm {
        margin-top:20px;
    }

        .non-title-sm p {
            float: left;
            font-size:1.4em;
            padding: 5px 10px;
        }

        .non-title-sm .ringTone_date{
            float: left;
            padding: 5px 10px;
            text-align: center;
        }/*---2016/01/06 鈴聲榜日期區間 ---*/

        .non-title-sm .charts-list-control {
            float: right;
        }

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

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



    /*--- 搜尋無結果 Charts List Complete ---*/
    .none-info{
        width:100%;
        height:140px;
        line-height: 140px;
        margin:20px auto 50px auto;
        text-align: center;
    }

    .non-charts-list-complete {
        list-style: none;
        padding: 0;
        margin: 0;
        border-top: 1px solid #e86300;
        border-bottom: 1px solid #e86300;
    }

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

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

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

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

        .non-charts-list-complete .non-charts-detail div {
            width: 75px;
            height: 50px;
            margin-top: 15px;
        }

        .non-charts-list-complete .non-charts-detail div span {
                font-size: 24px;
            }

        .non-charts-list-complete .non-charts-detail .charts-places {
            border-right: 1px solid #dbdbdb;
        }

        .non-charts-list-complete .charts-num {
            margin: 0 20px;
            margin-top: 20px;
        }

        .non-charts-list-complete .charts-img {
            margin-top: 6px;
            margin-bottom: 5px;
        }

        .non-charts-list-complete .charts-song {
            
            width: 53%;
            line-height: 70px;
            margin-top: 6px;
            margin-left: 20px;
            margin-right: 10px;
            border: 0px dashed gray;
        }
        .non-charts-list-complete .charts-artist {
            width: 32%;
            line-height: 70px;
            margin-top: 6px;
            border: 0px dashed gray;
        }

        .non-charts-list-complete .non-charts-control {
            position: absolute;
            width:245px;
            right: 11%;
            top: 30px;
            border: 0px dashed gray;
        }

        .non-charts-list-complete .ring {
            right: 23% ;
        }/* 2016/01/05 特別為鈴聲功能建移動位置用 */

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

        .non-charts-list-complete [class*="non-charts-control-"] {
            width: 25px;
            height: 25px;
            border: 1px solid #808080;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50px;
            cursor: pointer;
        }
/* song 表單功能列- 160314 修正*/
    .charts-list-complete .charts-control{
        position:absolute;
        width:250px;
        right: 11%;
        top:12px;
        border:0px solid red;
    }

    .charts-list-complete .charts-control div{
        margin-right:15px;
    }
/* 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;
    }


}

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

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

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