北海岸藝術季

• $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$; }

%html%

.PrdList {} .PrdList .tdCol { border-right:1px solid #dddddd; vertical-align:top; padding:8px; } .PrdList .tdColL {} .PrdList .tdColR { border-right:0px; } .PrdList .tdColNull { border-right:0px; } .PrdList .tdGap {} .PrdList .tdGapL {} .PrdList .tdGapR {} .PrdList .trRow { border-top:1px solid #dddddd; } .PrdList .trRowT { border-top:0px; } .PrdList .PrdListCont { text-align:center; } .PrdList .PrdCell { width:100%; } .PrdList .PrdCell a {} .PrdList .PrdCell a:hover { color:#000000; } .PrdList .PrdCell .PrdImgM { margin-bottom:8px; } .PrdList .PrdCell .PrdImgM img { max-width:300px; max-height:300px; } .PrdList .ColN_1 .PrdCell .PrdImgM img {} .PrdList .ColN_2 .PrdCell .PrdImgM img {} .PrdList .ColN_3 .PrdCell .PrdImgM img {} .PrdList .ColN_4 .PrdCell .PrdImgM img {} .PrdList .ColN_5 .PrdCell .PrdImgM img {} .PrdList .ColN_6 .PrdCell .PrdImgM img {} .PrdList .ColN_7 .PrdCell .PrdImgM img {} .PrdList .ColN_8 .PrdCell .PrdImgM img {} .PrdList .PrdCell .PrdContent { margin-bottom:4px; } .PrdList .ColN_1 .PrdCell .PrdContent {} .PrdList .ColN_2 .PrdCell .PrdContent {} .PrdList .ColN_3 .PrdCell .PrdContent {} .PrdList .ColN_4 .PrdCell .PrdContent {} .PrdList .ColN_5 .PrdCell .PrdContent {} .PrdList .ColN_6 .PrdCell .PrdContent {} .PrdList .ColN_7 .PrdCell .PrdContent {} .PrdList .ColN_8 .PrdCell .PrdContent {} .PrdList .PrdCell .PrdTitle { line-height:125%; margin-top:4px; margin-bottom:4px; color:#222222; } .PrdList .PrdCell .PrdDesc { line-height:125%; margin-bottom:4px; color:#666666; text-align:left; } .PrdList .PrdCell .PrdPrice { margin-bottom:4px; } .PrdList .PrdCell .PriceName {} .PrdList .PrdCell .DollarSign { color:#ff0000; } .PrdList .PrdCell .PriceAmt { color:#ff0000; font-weight:bold; } .PrdList .PrdCell .DollarUnit {} .PrdList .PrdCell .PrdCtrl { margin-bottom:8px; } .PrdList .PrdCell .PrdQty {} .PrdList .PrdCell .PrdBtn {} .PrdList .PrdCell .PrdExt {} /* 預設 */ .PrdList .SaleBtn1 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .SaleBtn1:hover { background:#ff0000; } /* 正常 */ .PrdList .SaleBtn2 { border:1px solid #aa0000; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .SaleBtn2:hover { background:#ff0000; } /* 預購 */ .PrdList .SaleBtn3 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .SaleBtn3:hover { background:#0000cc; } /* 郵購 */ .PrdList .SaleBtn4 { border:1px solid #0000aa; background:#000088; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .SaleBtn4:hover { background:#0000cc; } /* 補貨 */ .PrdList .SaleBtn5 { border:1px solid #006600; background:#008800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .SaleBtn5:hover { background:#00cc00; } /* 停售 */ .PrdList .SaleBtn6 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } .PrdList .SaleBtn6:hover { background:#cccccc; } /* 售完 */ .PrdList .SaleBtn7 { border:1px solid #666666; background:#888888; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; } .PrdList .SaleBtn7:hover { background:#cccccc; } /* 競標 */ .PrdList .SaleBtn8 { border:1px solid #aa0000; background:#cc0000; color:#ffff00; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .SaleBtn8:hover { background:#ff0000; } /* 推薦 */ .PrdList .PrdListExtBtn { border:1px solid #998800; background:#aa8800; color:#ffffff; padding-left:4px; padding-right:4px; white-space:nowrap; cursor:pointer; } .PrdList .PrdListExtBtn:hover { background:#ddcc00; } /* 紅利兌換 */ .tableExchg { width:100%; } .tableExchg th , .tableExchg td { padding-top:2px; padding-bottom:2px; padding-left:4px; padding-right:4px; white-space:nowrap; font-weight:normal; color:#444444; border-radius:4px; } .tableExchg th { text-align:center; background:#dddddd; } .tableExchg td { text-align:center; } .tableExchg .tdExchgBtn div { border-radius:4px; background:#cc0000; color:#ffffff; padding-left:4px; padding-right:4px; text-align:center; } .tableExchg .tdExchgBtn div:hover { background:#ff0000; cursor:pointer; } .tableExchg .spanExchgPt , .tableExchg .spanExchgAmt { font-weight:bold; color:red; } /* 喜愛 */ .cssPrdInfoFave { cursor:pointer; color:transparent; width:32px; height:32px; background:url(/main/wdb2/images/HeartIcon_32x32_0.png) no-repeat; background-size:contain; } .cssPrdInfoFave1 { background:url(/main/wdb2/images/HeartIcon_32x32.png) no-repeat; background-size:contain; } .PrdList .PrdCell .PrdImgM { display:$PrdListPrdImgMDisp$; } .PrdList .PrdCell .PrdTitle { display:$PrdListPrdTitleDisp$; } .PrdList .PrdCell .PrdDesc { display:$PrdListPrdDescDisp$; } .PrdList .PrdCell .PrdPrice { display:$PrdListPrdPriceDisp$; } .PrdList .PrdCell .PriceName { display:$PrdListPriceNameDisp$; } .PrdList .PrdCell .PrdQty { display:$PrdListPrdQtyDisp$; } .PrdList .PrdCell .PrdBtn { display:$PrdListPrdBtnDisp$; } .PrdList .PrdCell .PrdExt { display:$PrdListPrdExtDisp$; } .PrdList .PrdCell .PrdTitle { font-family:$PrdListTitleFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .PrdCell .PrdDesc { font-family:$PrdListDescFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .PrdCell .PriceName { font-family:$PrdListNameFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .PrdCell .PriceAmt { font-family:$PrdListAmtFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; } .PrdList .tdCol { padding:$PrdListPadding$; } .PrdList .PrdCell .PrdImgM img { width:$PrdListPrdImgW$; } .PrdList .ColN_2 .PrdCell .PrdImgM img { width:$PrdListPrdImgW2$; } .PrdList .PrdCell .PrdImgM { height:$PrdListPrdImgH$; } .PrdList .ColN_2 .PrdCell .PrdImgM { height:$PrdListPrdImgH2$; } .PrdList .PrdCell .PrdContent { height:$PrdListContH$; } .PrdList .ColN_2 .PrdCell .PrdContent { height:$PrdListContH2$; } .PrdList .tdCol { border-right:$PrdListBorder$; } .PrdList .trRow { border-top:$PrdListBorder$; } .PrdList .tdColR { border-right:0px; } .PrdList .tdColNull { border-right:0px; } .PrdList .trRowT { border-top:0px; }