@charset "utf-8";
    .limitBox1,
    .limitBox2,
    .limitBox3,
    .limitBox4,
    .limitBox5,
    .limitBox6,
    .limitBox7,
    .limitBox8,
    .limitBox9      {
        position: relative;
        display: block;
        overflow: hidden;
    }
    
    .limitBox1 .limitText1,
    .limitBox2 .limitText2,
    .limitBox3 .limitText3,
    .limitBox4 .limitText4,
    .limitBox5 .limitText5,
    .limitBox6 .limitText6,
    .limitBox7 .limitText7,
    .limitBox8 .limitText8,
    .limitBox9 .limitText9     {
        overflow: hidden;
        line-height: 40px;
    }
    
    .limitBox1 .limitText1:after,
    .limitBox2 .limitText2:after,
    .limitBox3 .limitText3:after,
    .limitBox4 .limitText4:after,
    .limitBox5 .limitText5:after,
    .limitBox6 .limitText6:after,
    .limitBox7 .limitText7:after,
    .limitBox8 .limitText8:after,
    .limitBox9 .limitText9:after {
        content: ' ';
        position: absolute;
        display: block;
        width: 100% ;
        background: #fff;
    }
    
    .limitBox1 .limitText1:before,
    .limitBox2 .limitText2:before,
    .limitBox3 .limitText3:before,
    .limitBox5 .limitText5:before,
    .limitBox6 .limitText6:before,
    .limitBox7 .limitText7:before,
    .limitBox8 .limitText8:before,
    .limitBox9 .limitText9:before   {
        content: '...';
        position: absolute;
        display: block;
        text-align: right;
        width: 1.5em;
        right: 0px;
        background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 1)), color-stop(99%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00e0e0e0', endColorstr='#ffffff', GradientType=1);
    }
    .--limitBox4 .--limitText4:before  {
        content: '...';
        position: absolute;
        display: block;
        text-align: right;
        width: 1.5em;
        right: 0px;
        background: -moz-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(38%, rgba(0, 0, 0, 1)), color-stop(99%, rgba(0, 0, 0, 1)));
        background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 38%, rgba(0, 0, 0, 1) 99%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 38%, rgba(255, 255, 255, 1) 99%);
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 38%, rgba(0, 0, 0, 0.4) 99%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00e0e0e0', endColorstr='#ffffff', GradientType=1);
    }
    /*
 大網首頁 編輯室
 */
    
    .limitBox1 {
        height: 4.615em;
        /*
    以1em=26px, 單行高度40px 為前題
    行高的計算: 1:26 = x:40
    x=1.538 em
    如果有三行,則高度為 4.615em
    */
        width: 37em;
        /*區塊寬度: 為一行的字數*/
    }
    
    .limitBox1 .limitText1 {
        width: 37em;
        /*中文總字數*/
    }
    
    .Box1 >.Text1 {
        line-height: 1.5em;
        padding: 0px;
        margin: 0px;
        border:0px dashed gray;
    }
    
    .limitBox1 .limitText1:before {
        bottom: 0px; 
    } /*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 
 /*
 大網首頁 推薦專輯
 */
    .limitBox2 {
        height: 3.1em;
        width: 11em;
        /*區塊寬度: 為一行的字數*/
    }
    
    .limitBox2 .limitText2 {
        width: 11em;

    }
    
    .Box2 >.Text2 {
        /* height: 3.1em;  如果要固定欄位高,打開此樣式 */
        line-height: 1.3em;
        padding: 0px;
        margin:5px 0px 0px 0px;
        word-wrap:break-word;
        word-break:break-all;
    }/*如果歌單名為英文或數字, 必須加入以下樣式才能取消自動斷行*/
    
    .limitBox2 .limitText2:before {
        bottom: 0px; 
    }/*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 
   /*
 編輯室首頁 文張列表
 */
    
    .limitBox3 {
        height: 4.615em;
        /*
    一行=1.538 em
    如果有三行,則高度為 4.615em
    */
        width: 25em;
    }
    
    .limitBox3 .limitText3 {
        line-height: 1.5em;
        width: 25em;
         line-height: 1.5em;
         border:0px dashed red;
    }
    
    .Box3 >.Text3{
        line-height: 1.5em;
        padding: 0px;
        margin: 0px;
        border:0px dashed blue;
    }
    
    .limitBox3 .limitText3:before {
        bottom: 0px; 
    } /*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 
   /*
 編輯室首頁 文張列表
 */
    .limitBox4 {
        height: 3.1em;
        /*
    一行=1.538 em
    如果有三行,則高度為 4.615em
    */
        width: 19em;
    }
    
    .limitBox4 .limitText4 {
        line-height: 1.3em;
        width: 34em;
         border:0px dashed red;
    }
    
    .Box4 >.Text4{
        line-height: 1.3em;
        padding: 0px;
        margin: 0px 0px -5px 0px;
        border:0px dashed gray;
    }
    
    .limitBox4 .limitText4:before {
        bottom: 0px; 
    } /*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
    /*
 編輯室 作者頁  自介
 */
    .limitBox5 {
        height: 11.00em;
        /*
    一行=1.538 em
    如果有三行,則高度為 4.615em
    */
        width: 26em;
    }
    
    .limitBox5 .limitText5 {
        line-height: 1.3em;
        width: 26em;
         border:1px dashed red;
    }
    
    .Box5 >.Text5{
        line-height: 1.3em;
        padding: 0px;        
    }
    
    .limitBox5 .limitText5:before {
        bottom: 0px; 
    } /*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
    
    /*
     編輯室 作者頁  歌單列表
     */
    .limitBox6 {
        height: 4.0em;
        width: 40em;
    }
    
    .limitBox6 .limitText6 {
        line-height: 1.3em;
        width: 40em;
         border:0px dashed red;
    }
    
    .Box6 >.Text6{
        line-height: 1.3em;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        border:0px dashed gray;
    }
    
    .limitBox6 .limitText6:before {
        bottom: 0px; 
    } /*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 
    /*
     搜尋結果頁 全部 文章列表
     */
    .limitBox7 {
        height: 2.7em;
        width: 57em;
    }
    
    .limitBox7 .limitText7 {
        line-height: 3.0em;
        width: 57em;
         border:1px dashed red;
    }
    
    .Box7 >.Text7{
        line-height: 1.3em;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        border:0px dashed gray;
    }
    
    .limitBox7 .limitText7:before {
        bottom: 0px; 
    } /*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 

     .ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /*
 搜尋頁 專輯歌單名
 */
    .limitBox8{
        height: 3.1em;
        width: 12em;
        /*區塊寬度: 為一行的字數*/
    }
    
    .limitBox8 .limitText8 {
        width: 12em;
    }
    
    .Box8 >.Text8 {
        /* height: 3.1em;  如果要固定欄位高,打開此樣式 */
        line-height: 1.3em;
        padding: 0px;
        margin:5px 0px 0px 0px;
        word-wrap:break-word;
        word-break:break-all;
    }/*如果歌單名為英文或數字, 必須加入以下樣式才能取消自動斷行*/
    
    .limitBox8 .limitText8:before {
        bottom: 0px; 
    }/*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 
 /*
 搜尋頁 專輯歌單名
 */
    .limitBox9{
        height: 3.0em;
        width: 57em;
        /*區塊寬度: 為一行的字數*/
    }
    
    .limitBox9 .limitText9 {
        width: 57em;
    }
    
    .Box9 >.Text9 {
        /* height: 3.1em;  如果要固定欄位高,打開此樣式 */
        line-height: 1.3em;
        padding: 0px;
        margin:5px 0px 0px 0px;
        word-wrap:break-word;
        word-break:break-all;
    }/*如果歌單名為英文或數字, 必須加入以下樣式才能取消自動斷行*/
    
    .limitBox9 .limitText9:before {
        bottom: 0px; 
    }/*當內容有兩行以上, 需要這一個設定讓 ... 放到下面 */
 

     .ellipsis {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* 
    index 
    */
     .charts-song, .charts-name {
        display: block;
        border: 0px dashed gray;
        width: 80%;
    }/* 排行榜 歌名 */
    .songlist-name{
        display: block;
        width: 95%;
        border:0px dashed gray;
    }/* 推薦歌單  歌名 */
    .hot-artist{
        display: block;
        width: 100%;
        border:0px dashed gray;
    }
    .songTxt {
        width: 18em;
    }
    /* 
    charts
    */
        .charts-song, .charts-name {
            display: block;
            border: 0px dashed gray;
            width: 80%;
        }/* 排行榜 歌名  10/29 增加 */
        .tabList-song, .tabList-name {
            display: block;
            border: 0px dashed red;
            width: 80%;
        }/* 排行榜 歌名  10/29 增加 */
    
    /* 
    theme 
    */
    .songlist-name{
        display: block;
        width: 95%;
        border:0px dashed gray;
    }/* 推薦歌單  歌名 */

    /* 
    editor 
    */
    .tagLink{
        width:100%;
        margin:0px auto;
    }
    .editor_sideInfo{
        width:85%; 
        border:0px dashed blue;
    }
    .editor_sideInfo_fan{
        width:95%; 
        border:0px dashed blue;
    }
    .editor_sideInfo_fanPlace{
        width:95%; 
        border:0px dashed blue;
    }
    .--editor_AD_side{
        width:90%; 
        border:1px dashed blue;
    }
    .editor_slide{
        display: block;
        width:97%; 
        border:0px dashed blue;
    }
    .editor_relate{
        display: block;
        width:90%; 
        border:0px dashed blue;
    }

    /* 
    mtpage 
    */
    .mypage-album-title{
        display: block;
        padding-right:8px;
        border:0px dashed blue;
    }
    .mypage-songName{
        display: block;
        border:0px dashed gray;
    }

    .artist-name {
    	word-wrap:break-word;
		word-break:normal;
		overflow:hidden;
		height:2.6em;
		margin-bottom:20px;
    }