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


    /* List Intro */
    .list-intro {

    }

    .list-intro img {
        padding: 0;
    }

    .list-intro h3 {
        margin-top: 0;
    }



    /*--- Title SM ---*/
    .title-sm {
        border-bottom: 1px solid #e86300;
    }

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

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

    .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: 34%;
        line-height: 50px;
        margin-left: 20px;
        border:0px dashed gray;
        margin-right:8px;
    }

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

    .charts-list-complete .charts-album,
    .charts-list-complete .charts-album-title {
        width: 30%;
        line-height: 50px;
        border:0px dashed gray;
    }

    .charts-list-complete .charts-control {
        position: absolute;
        width:250px;
        text-align:left;
        right: 11%;
        top: 12px;
        border:0px 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;
    }
    
    /* 調整大圖為320x320 即相關調整 */
    .list-intro-table{
        width:1130px;
        margin:0px auto;
    }
    .artist-img{
        width:30%;
    }
    .artist-img img{
        width:320px;
        height:320px;
    }
    .intro-txt{
        vertical-align:top;
    }
    
/* 2019/05/14 增加 大頭貼與 @ 區塊 */
.auther_box{
  display: block;
  margin: 15px 0  12px 0;
}
.auther_box td{
  background: none !important ;
  padding: 0px;
  vertical-align: middle;
}
.auther_box td.auther_portrait{
  width: 55px;
}
.auther_box td.auther_portrait img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  }
.auther_box td.auther_name{
  font-weight: bold;
  font-size: 16px;
  line-height: 40px;
  color: #E57322;
}
.auther_box td.auther_name .editor_official{
    width: 16px;
    height: 16px;
    margin-bottom: 2px;
    border: 0px solid red;
}
.albumTag{
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

}

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

}

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

}

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

}