北海岸藝術季

• $XmlID$ • $GroupName$

$CtrlBtn$

$ClassList$

$CaleFrom$

$MsgImg$

$MsgTitle$

$MsgContent$

了解更多 >

.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:30px 15px 27px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:0px; } /* 偶數筆資訊 */ .BlogListD_1 { padding:30px 15px 27px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:0px; } /* 奇數筆資訊 */ /* 資訊狀態列 */ .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 { } /* 資訊區上方資訊 */ body .BlogListHTML .BlogInfo1 { width:100%; color:#888888; border-bottom:0;} .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; padding:200px 15px;} .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; } /* 控制面板列 */ /* 自定 */ .classlist{ display:none; } .classlist.c1{ display:block; } .BlogListList .BlogListD_0, .BlogListList .BlogListD_1{ border-top: unset; border-left: unset; border-right: unset; border-bottom: 1px solid #D8E267; } .BlogListList{ max-width: 900px; padding: 0px 20px; margin:auto; } .BlogListHTML .BlogInfo1{ display:flex; } .Sitepath a{ color:#3D6E83; } .Sitepath a:hover{ color:#3D6E83; } .CaleFrom{ display: inline-flex; align-items: center; font-weight: 500; color: #989898; } .CaleFrom::before{ content:""; display:inline-block; width:6px; height:6px; background-color:#D8E267; margin:0px 15px; } .BlogInfo2{ margin:10px 0 15px; } .BlogInfo2 img{ aspect-ratio: 7 / 3; } .BlogInfo3{ padding-bottom:25px; } .BlogInfo3 .junTitle .meMsg_MsgTitle{ color:#00578C; font-size:20px; margin-bottom:10px; line-height:normal; height:60px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .BlogInfo3 .junTitle .meMsg_MsgTitle::before{ content:""; background-image:url(https://athena.noon360.com/noon360/north/ClassInfo/blogicon_0.png); display:inline-block; width:18px; height:14px; background-repeat:no-repeat; margin-right:10px; } .BlogInfo3 .junContent{ line-height:160%; height:70px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .BlogMorebtn a{ color:#fff; font-weight:500; padding:5px 30px; background-color:#00578C; border-radius:4px; display:block; width:max-content; margin-left:auto; } .divPageCtrl .tdRecCount, .divPageCtrl .tdGap, .divPageCtrl .tdPageNumCaption{ display:none; } .divPageCtrl .ThisPage, .divPageCtrl .OtherPage, .divPageCtrl .BtnNext, .divPageCtrl .BtnLast{ color:#00578C; background-color:#EEE; font-weight:700; padding:10px 12px; margin: 0px 6px; } .divPageCtrl .ThisPage{ background-color:#D8E267; } @media (max-width:500px){ .BlogListHTML .BlogInfo1{ flex-direction:column; } .CaleFrom::before{ content:unset; } } .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$; }