慢遊雲林

• $XmlID$ • $GroupName$

$CtrlBtn$

$MsgImg$

$CaleFrom$

$MsgTitle$

$MsgSubTitle$

$MsgContent$

html, body { background:#FBFAF8;} /* 自訂CSS */ .BlogListList{ white-space: normal; word-break: break-word; } .BlogListList .MsgInfoList{ max-width:1100px; padding:30px 20px; margin:auto; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; gap: var(--gap); align-items: stretch; } .jnMsgImg img{ width:100%; object-fit: cover; object-position: center; } .jnDate{ font-family: "Noto Serif TC"; color: #000; font-size: var(--regular-font-size); font-weight: 500; line-height: 150%; letter-spacing: 1.237px; } .jnMsgTitle{ font-family: "Noto Serif TC"; color: #000; font-size: var(--h2-font-size); font-weight: 500; line-height: 150%; letter-spacing: 2.4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .jnMsgContent{ font-family: "Noto Serif TC"; color: #3E3A39; font-size: var(--regular-font-size); line-height: 190%; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /*a標籤*/ .BlogListList a { color: #000; } /*===預設css====*/ body .BlogListD_0, body .BlogListD_1 { border: unset; } /*===sharebtn ig line分享===*/ .sharebtn{ display: none; } /*=================文章搜尋零件 單欄==============*/ .searchBlk .tbSearchBox input{ font-size: var(--regular-font-size); } .searchBlk { margin: -25px 0 0 0; z-index: 3; position: relative; padding: 0px 20px; } .searchBlk .meMsg_MsgMain { max-width: 1100px; margin: auto; } .searchBlk .listMsgAdv { display: flex; align-items: center; justify-content: center; padding: 30px 20px; background: #FDFEFE; border-radius: 30px; box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.15); } .searchBlk .MsgListBlk_2 { width: 80%; } .searchBlk .MsgListBlk_3 { width: 20%; } body .searchBlk .SearchBox { border: 1px solid #6666664f; background: #EDEDED; border-radius: 20px; height: 50px; width: 100%; padding-left:10px; font-size: var(--big-font-size); } .SearchBtn { border-radius: 20px; background: #6ABA01; border: 1px solid #6ABA01; color: #fff; height: 50px; padding: 10px 20px; display: block; width: 100%; cursor: pointer; font-size: var(--big-font-size); } .tbSearchBox tr { display: flex; flex-wrap: wrap; gap: 20px; padding: 0 10px 0 0; } .tdSearchBox { flex: 1 1 32%; display: flex; } .tbSearchBox input { /*輸入框樣式*/ border: 1px solid #6666664f; background: #EDEDED; border-radius: 20px; height: 50px; width: 100%; text-align: center; font-family: "Noto Serif TC"; font-weight: 500; } .tdSearchBox .captionTop{ display: none; } .tdSearchBox .detail { width: 100%; } .tdSearchBox select{ /*下拉樣式*/ border: 1px solid #6666664f; background: #EDEDED; border-radius: 20px; height: 50px; width: 100%; text-align: center; font-family: "Noto Serif TC"; font-weight: 500; font-size: var(--regular-font-size); } @media (max-width: 768px) { .SearchBtn{ padding: 10px 0px; } .searchBlk .listMsgAdv { padding: 20px 10px; }} /*========頁碼=========*/ /* 分頁控制 */ .divPageCtrl, .txt_CountNumL, .RecCount, .txt_CountNumR, .txt_PageNum, .spPageCtrl{ display:none; } #PageCtrl{ padding:100px 0px; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 10px; } body #PageCtrl .ThisPage{ background: #6ABA01; color: #fff; font-weight: 500; line-height: 40px; width: 40px; display: inline-block; height: 42px; margin:0px 5px; } body #PageCtrl .OtherPage{ color: #B4B4B4; text-align: center; margin:0px 5px; /* Heading/副標H4 - 20.8(1.5rem) */ font-weight: 500; line-height: 40px; width: 40px; display: inline-block; height: 42px; border:1px solid #B4B4B4; } body #PageCtrl a:hover{ background: #6ABA01; color: #fff; border:1px solid #6ABA01; } body #PageCtrl .PageBtn{ width: 40px; display: inline-block; height: 42px; line-height: 40px; border-radius: 50%; border:1px solid #B4B4B4; } .dataBlogList { } /* MsgInfo Cell */ /* 上方類別選項 */ .BlogListMenu { width:100%; height:30px; text-align:center; line-height:100%; } .BlogListMenuS { width:1px; background:#ff8844; } /* 選項間隔 */ .BlogListMenuL { width:10px; background:#ff8844; } /* 左邊 td */ .BlogListMenuR { width:10px; background:#ff8844; } /* 右邊 td */ .BlogListMenu0 { background:#ff8844; padding:0px; vertical-align:middle; } /* 選項屬性 */ .BlogListMenu0:hover { background:#ff4422; } /* 選項滑鼠觸碰 */ .BlogListMenu1 { background:#ff4422; padding:0px; vertical-align:middle; } /* 目前選項屬性 */ .BlogListMenu0 a , .BlogListMenu1 a { color:#ffffff; } /* 選項文字屬性 */ .BlogListN_1 { } /* 第一筆資訊 */ .BlogListD_0 { padding:5px; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* 偶數筆資訊 */ .BlogListD_1 { padding:5px; border:1px solid #cccccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* 奇數筆資訊 */ /* 資訊狀態列 */ .BlogListCtrlBtn { vertical-align:middle; width:100%; text-align:right; } .BlogListCtrlBtn .OrdIdx { width:20px; text-align:right; border:1px solid #888888; padding:0px; margin:0px; height:16px; } .BlogListCtrlBtn .MsgCmd { font-size:11px; border:1px solid #888888; padding:0px; margin:0px; height:18px; } .BlogListCtrlBtn .XmlID { float:left; font-weight:bold; } .BlogListCtrlBtn select { display:none; } /* 資訊區 */ .BlogListHTML { } /* 資訊區上方資訊 */ .BlogListHTML .BlogInfo1 { width:100%; color:#888888; margin-bottom:10px; border-bottom:1px solid #cccccc; } .BlogListHTML .BlogInfoAuthor { float:right; } /* 作者 */ .BlogListHTML .BlogInfoClass { width:auto; text-align:left; color:#888888; } /* 類別 */ /* 資訊區下方資訊 */ .BlogListHTML .BlogInfo3 { width:100%; color:#888888; } .BlogListHTML .BlogInfoStatus { float:right; } .BlogListHTML .BlogInfoBtn { text-align:left; } /* 資訊內文 */ #ns_Content .BlogListHTML .meMsg_MsgTitleBlk { margin-bottom:10px; } /* 區塊標頭 */ #ns_Content .BlogListHTML .meMsg_MsgBlk .meMsg_MsgTitle { } /* 主標題 */ #ns_Content .BlogListHTML .meMsg_MsgContentBlk { margin-top:10px; } /* 內文段落 */ #ns_Content .BlogListHTML .meMsg_MsgURLList { margin:0px; padding:0px; } /* 相關網址 */ #ns_Content .BlogListHTML .meMsg_MsgURL { list-style:disc; margin-left:40px; } /* 相關網址 */ #ns_Content .BlogListHTML .meMsg_MsgFileList { margin:0px; padding:0px; } /* 相關檔案 */ #ns_Content .BlogListHTML .meMsg_MsgFile { list-style:disc; margin-left:40px; } /* 相關檔案 */ #ns_Content .BlogListHTML .meMsg_MsgFromEnd { } /* 期間 */ #ns_Content .BlogListHTML .meMsg_MsgListBlk { } /* 條列項目 */ #ns_Content .BlogListHTML img { max-width:100%; } #ns_Content .BlogListHTML .ImgAlignLeft { margin-right:8px; } /* 圖文間距 */ #ns_Content .BlogListHTML .ImgAlignRight { margin-left:8px; } /* 圖文間距 */ /* 分頁控制列 */ .divPageCtrl { margin:10px; clear:both; } .divPageCtrl table { margin-left:auto; margin-right:auto; } /* 表格格式 */ .MsgRow1 { margin-top:10px; } /* 第一列 */ .MsgRowN { } /* 其他列 */ .MsgRowD0 { } /* 偶數列 */ .MsgRowD1 { } /* 奇數列 */ .MsgCell1 { padding:0px; } /* 最左欄 */ .MsgCellN { padding:0px; } /* 中間欄 */ .MsgCellX { padding:0px; } /* 最右欄 */ .MsgRGap { border:0px; margin-top:20px; margin-bottom:20px; } /* 列與列中間 */ .cssPagePanel { clear:both; } /* 控制面板列 */ .BlogListMenu { display:$BlogListMenuDisp$; } .BlogListMenuL { background:$BlogListMenuBgColor$; } .BlogListMenuR { background:$BlogListMenuBgColor$; } .BlogListMenu { background-image:$BlogListMenuBgImg$; background-position:$pos$; background-repeat:$repeat$; } .BlogListMenu { width:$BlogListMenuWidth$; } .BlogListMenu { height:$BlogListMenuHeight$; } .BlogListMenu0 { background:$BlogListMenuBgColor0$; } .BlogListMenu0:hover { background:$BlogListMenuBgColor1$; } .BlogListMenu1 { background:$BlogListMenuBgColor1$; } .BlogListMenuS { background:$BlogListMenuBgColorS$; } .BlogListMenu0 a { font-family:$BlogListMenuFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .BlogListMenu1 a { font-family:$BlogListMenuFont1$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .MsgRow1 { margin-top:$BlogListMsgRow1$; } .BlogListList { padding-left:$BlogListMsgRowLR$; padding-right:$BlogListMsgRowLR$; } .MsgRGap { margin-top:$BlogListMsgRGapN$; margin-bottom:$BlogListMsgRGapN$; } .MsgCell1 { padding-right:$BlogListMsgCGapN$; } .MsgCellN { padding-left:$BlogListMsgCGapN$; padding-right:$BlogListMsgCGapN$; } .MsgCellX { padding-left:$BlogListMsgCGapN$; } .MsgRGap { border-top:$BlogListRS$; } .MsgCellN { border-left:$BlogListCS$; } .MsgCellX { border-left:$BlogListCS$; } .MsgRowD1 { background:$BlogListMsgRowD1$; } .MsgRowD0 { background:$BlogListMsgRowD0$; } .BlogListD_1 { background:$BlogListD1$; } .BlogListD_0 { background:$BlogListD0$; } .BlogListD_0 { border:$BlogListB$; } .BlogListD_1 { border:$BlogListB$; } .BlogListD_0 , .BlogListD_1 { background-image:$BlogListBgImg$; background-position:$pos$; background-repeat:$repeat$; } .BlogListHTML { width:$BlogListHTMLWidth$; } .BlogListHTML { margin-top:$BlogListHTMLTop$; } .BlogListHTML .meMsg_MsgContentBlk.center { padding:$BlogListCntVGap$; margin-right:$BlogListCntVGap$; } .BlogListHTML .meMsg_MsgContentBlk.left { padding:$BlogListCntVGap$; margin-right:$BlogListCntVGap$; } .BlogListHTML .meMsg_MsgContentBlk.right { padding:$BlogListCntVGap$; margin-left:$BlogListCntVGap$; } .BlogListHTML .meMsg_MsgContentBlk.center, .BlogListHTML .meMsg_MsgContentBlk.left, .BlogListHTML .meMsg_MsgContentBlk.right { border:$BlogListCntVB$; } #ns_Content .meMsg_MsgBlk .meMsg_MsgTitle { font-family:$BlogListTextFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .meMsg_MsgBlk .meMsg_Content { font-family:$BlogListHTMLFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .meMsg_MsgURL { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogListFileSpot$ $pos$ $img$; } #ns_Content .meMsg_MsgFile { margin-left:$padding$; color:$color$; font-size:$size$; list-style:$BlogListFileSpot$ $pos$ $img$; } #ns_Content .meMsg_MsgURL a { font-family:$BlogListFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } #ns_Content .meMsg_MsgFile a { font-family:$BlogListFileFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .BlogListHTML .BlogInfo1 { border-bottom:$BlogListB1$; } #ns_Content .meMsg_MsgBlk .meMsg_Content { border-top:$BlogListTextHTMLS$; } .BlogInfoClass { display:$BlogInfoClass$; } .BlogInfoAuthor { display:$BlogInfoAuthor$; } .BlogInfo { display:$BlogInfo$; } .BlogDisp { display:$BlogDisp$; } .BlogInfoStatus { display:$BlogInfoStatus$; } .BlogListHTML .BlogListDate { display:$BlogInfoDT$; } #ns_Content .BlogListHTML .meMsg_MsgContent { display:$BlogContBlk$; } #ns_Content .BlogListHTML .meMsg_MsgURLList { display:$BlogContBlk$; } #ns_Content .BlogListHTML .meMsg_MsgFileList { display:$BlogContBlk$; } #ns_Content .BlogListHTML .meMsg_MsgFromEnd { display:$BlogContBlk$; } #ns_Content .BlogListHTML .meMsg_MsgListBlk { display:$BlogContBlk$; } .divPageCtrl { display:$PageCtrlDisp$; }