|
$XmlID$ $GroupName$ $CtrlBtn$
.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;
}
}
.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; }
找不到相關商品!
| |