/*分類、作者 隱藏*/
.BlogInfo1 { display: none; }

/*評論比數、瀏覽次數、發表時間 隱藏*/
.BlogInfo3 { display: none; }

/*主題內文資訊 隱藏*/
#ns_Content .BlogInfoHTML .meMsg_MsgBlk { display: none; }

/*外層設定歸零*/
.BlogInfoD_1 { border: 0; padding: 0; }

.BlogInfoList {
    padding: 0px 70px;
    max-width: 1340px;
    margin: 0 auto;
}

/*文字區塊設定*/
.rtBlk {
    width: 32%;
    float: left;
    position: relative;
}
.rtBlk > div {
    position: absolute;
    bottom: 0;
    background: rgba(250,250,250,0.8);
    width: 100%;
    padding: 10px 20px;
}

/*照片區塊設定*/
#ns_Content .BlogInfoHTML .meMsg_MsgContent {
    width: 45%;
}

.rtTxt {
    float: right;
    width: 60%;
}
.rtBlk .meMsg_MsgImg img {
    width: 100%;
}
.rtBlk .meMsg_MsgTitle {
    font-size: 22px;
    color: #333;
    line-height: 150%;
    margin-bottom: 10px;
}
.rtBlk .meMsg_MsgSubTitle { display: block; }
.rtBlk .meMsg_Content {
    display: block;
    text-align: right;
    font-size: 17px;
    line-height: 150%;
}

.rtContentBlk .meMsg_MsgContentBlk .meMsg_MsgTitle {
    text-align: left;
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 25px;
}
.rtContentBlk .meMsg_MsgContentBlk .meMsg_MsgSubTitle {
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}
.rtContentBlk .meMsg_MsgImg img {
    width: 100%;
    min-width: 255px;
    margin-bottom: 50px;
}

#ns_Content .BlogInfoHTML .meMsg_MsgContentBlk {
    margin-top: 0;
    margin-bottom: 80px;
}
#ns_Content .BlogInfoHTML .meMsg_MsgContentBlk .meMsg_Content {
    font-size: 14px;
    margin-top: 15px; margin-bottom: 30px;
}
#ns_Content .BlogInfoHTML .meMsg_MsgListBlk {
    display: block;
}
#ns_Content .BlogInfoHTML .meMsg_MsgListBlk img {
    width: 100%;
    margin-bottom: 30px;
}


.rtContentBlk audio {
    width: 100%;
    margin: 10px 0 30px;
}
#ns_Content .BlogInfoHTML .rtContentBlk .meMsg_MsgFile {
    list-style: none;
    margin-left: 0;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 47%;
    min-width: 180px;
    border: 1px #4a4a4a solid;
    padding: 10px;
    border-radius: 30px;
    margin: 10px 5px;
    font-size: 16px;
}
#ns_Content .BlogInfoHTML .meMsg_MsgFile.isClick {
    background: #4a4a4a;
    color: #fff;
}


/*圖左字右 版型設定*/

/*文字區塊設定
#ns_Content .cLeft .BlogInfoHTML .meMsg_MsgContent {
    position: fixed;
    right: 80px;
    top: 32%;
}*/

/*照片區塊設定
#ns_Content .cLeft .BlogInfoHTML .meMsg_MsgListBlk { float: left; }*/



/*圖右字左 版型設定*/

/*文字區塊設定
#ns_Content .cRight .BlogInfoHTML .meMsg_MsgContent { position: fixed; left: 4%; top: 15%; }*/

/*照片區塊設定
#ns_Content .cRight .BlogInfoHTML .meMsg_MsgListBlk { float: right; }*/





/*手機版型恢復*/
@media (max-width: 700px) {

.BlogInfoList {
    padding: 0px 50px;
}
.rtBlk {
    margin-bottom: 50px;
}
.rtBlk, .rtTxt {
    float: right;
    width: 100%;
}

/*Audio*/
.rtContentBlk {
    text-align: center;
}
#ns_Content .BlogInfoHTML .rtContentBlk .meMsg_MsgFile {
    width: 45%;
}

#ns_Content .BlogInfoHTML .meMsg_MsgContentBlk .meMsg_Content { margin-bottom: 30px; }

/*外層設定*/
.BlogInfoD_1 { margin-bottom: 50px; }

/*圖區塊、文區塊翻轉*/
#ns_Content .BlogInfoHTML .meMsg_MsgMainTd { display: flex; flex-flow: column-reverse; }

/*文字區塊設定*/
#ns_Content .BlogInfoHTML .meMsg_MsgContent { margin-bottom: 30px; }

/*照片區塊設定*/
#ns_Content .BlogInfoHTML .meMsg_MsgListBlk .itemMsgArticle { margin-bottom: 30px; }

.rtBlk .meMsg_Content, .rtContentBlk .meMsg_MsgContentBlk .meMsg_MsgTitle {
    text-align: left;
}


/*文字區塊 設定恢復*/
#ns_Content .cLeft .BlogInfoHTML .meMsg_MsgContent { position: unset; width: 100%; }
#ns_Content .cRight .BlogInfoHTML .meMsg_MsgContent { position: unset; width: 100%; }

/*圖片區塊 設定恢復*/
#ns_Content .cLeft .BlogInfoHTML .meMsg_MsgListBlk { float: none; width: 100% }
#ns_Content .cRight .BlogInfoHTML .meMsg_MsgListBlk { float: none; width: 100% }

.rtContentBlk .meMsg_MsgContentBlk .meMsg_TxtTD, .rtContentBlk .meMsg_MsgContentBlk .meMsg_ImgTD {
    display: block;
}

#ns_Content .BlogInfoHTML .ImgAlignRightX {
    margin-left: 0px;
}
#ns_Content .BlogInfoHTML .ImgAlignLeftX {
    margin-right: 0px;
}

}




/*手機版型恢復*/
@media (max-width: 400px) {

.BlogInfoList {
    padding: 0px 30px;
}


}