|
$XmlID$ $GroupName$ $CtrlBtn$ |
|
| | |
|
$XmlID$ $GroupName$ $CtrlBtn$
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; } /* 控制面板列 */
.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$; }
 北港朝天宮迎媽祖(三月瘋媽祖)北港人的二次新年! 每年農曆3月的北港媽祖遶境,是台灣寶貴的國家無形文化資產。既有藝閣、民俗藝術、各地藝陣表演,更能和國寶級神轎近距離接觸,被稱作北港人的第二次過年,舉地同歡!尤以藝閣遊行最為著名,如迪士尼樂園花車遊行,打扮如神仙下凡的大小朋友在遶境時灑下糖果餅乾,象徵著把福氣傳播出去。 (農曆3月)03/01 ~ 04/30
北港鎮市區
地址
03
電話 FAX Email
網站連結
https://www.facebook.com/wbl.caoling
|
1039137北港朝天宮迎媽祖(三月瘋媽祖)2025-12-2020:09:30125011ns_janeMsgArticle03/0104/30
ZC10366799
ZC10350669,ZC10366799
1
1
0
10
ns_jane
0
0
/main/wdb2/images/1x1.gif
|
 大埤稻草文化藝術季隨著稻香,奔向稻草王國懷抱! 稻田面積位居全國第一的大埤鄉,為傳承草編技藝,於2011年首創「稻草文化藝術季」,以打油詩、彩繪斗笠、稻草迷宮、童玩遊戲、品嚐稻香美食等,打造「稻草王國」,豐富呈現農村特色。10年來,傳遞職人精神,也讓稻草回歸土地,發揮環境永續的意義。 12/01 ~ 01/31 |
1039155大埤稻草文化藝術季2025-12-2022:23:21125011ns_janeMsgArticle12/0101/31
ZC10366799
ZC10350669,ZC10366799
2
0
0
11
ns_jane
0
0
/main/wdb2/images/1x1.gif
|
| |
| | |
#PageCtrl { font-family:sө; text-align:center; }
#PageCtrl a { color:#666666; }
#PageCtrl a:hover { color:#ff6622; }
#PageCtrl .PageBtn { margin-left:3px; margin-right:3px; }
#PageCtrl .OtherPage {}
#PageCtrl .ThisPage { color:#000000; font-weight:bold; }
#PageCtrl .RecCount { font-weight:bold; }
.weForm { width:100%; }
.weForm .header { color:#000000; background:#eeeeee; font-weight:bold; }
.weForm .caption { padding:4px; text-align:right; }
.weForm .captionTop { padding:4px; text-align:right; vertical-align:top; }
.weForm .detail { padding:4px; }
.weForm td.desc { padding:4px; color:#000000; }
.weForm input:read-only { background:rgba(0,0,0,0.1); }
.weForm input:-moz-read-only { background:rgba(0,0,0,0.1); }
.weForm textarea { padding:4px; box-sizing:border-box; }
.weForm input { box-sizing: border-box; width:auto; height: auto; padding: 4px; }
.weForm input.FieldImg[type=edit] {}
.weForm span.btnUploadURL { border: 1px solid #bbbbbb; padding: 3px 5px 5px 5px; background: #dddddd; color:#666666; vertical-align:middle; }
.weForm .button[type=submit] , .weForm .button[type=button] , .weForm .button[type=reset] { height:auto; padding:5px 15px 5px 15px; margin-right:4px; cursor:pointer; }
.weFormDiv .ReturnDesc { text-align:center; }
.weForm .spanDate input[type=edit] { width:auto; }
.weForm .tr[fieldattr="圖片"] .detail img { max-width:400px; max-height:400px; }
@media all and (max-width:400px) {
.weForm .tr[fieldattr="圖片"] .detail img { max-width:100%; }
}
.weForm #tbChkCode { border-spacing:2px; }
.weForm #tdChkCodeInp { border:1px solid #bbbbbb; }
.weForm #tdChkCodeInp input { border:0px; font-size:20px; }
.weForm #tdChkCodeImg { padding:0px; width:120px; height:40px; }
@media all and (max-width:600px) {
.weForm > tbody > tr > td { display:block; }
.weForm .gap { display:none; }
.weForm .detail {}
.weForm .captionTop { font-size:18px; font-weight:bold; text-align:left; }
.weForm input , .weForm textarea , .weForm select {
padding:4px; font-size:18px; font-weight:bold; height:auto; width:100%; box-sizing:border-box; margin-bottom:10px;
}
.weForm input[type=checkbox] {
width:auto; margin:0px 2px 2px 2px;
}
.weForm input.cssWidthAuto { width:auto; }
.weForm #tdChkCodeInp , .weForm #tdChkCodeImg { display:block; }
.weForm #tdChkCodeRenew { display:none; }
}
|
|
| |