|
|
#MemberMenu { text-align:left; border-top:1px solid #cccccc; line-height:100%; }
#MemberMenu li { list-style:none; border-bottom:1px solid #cccccc; padding-top:4px; padding-bottom:4px; }
#MemberMenu a { display:block; }
#MemberMenu li:hover { background:#eeeeee; }
#MemberMenu { border:$msgMemberMenuBorder$; }
#MemberMenu { border-top:$msgMemberMenuLine$; }
#MemberMenu li { border-bottom:$msgMemberMenuLine$; }
#MemberMenu li { padding-top:$msgMemberMenuHeight$; padding-bottom:$msgMemberMenuHeight$; }
#MemberMenu a { font-family:$msgMemberMenuFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#MemberMenu a:hover { font-family:$msgMemberMenuFontOv$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
#MemberMenu li { background:$msgMemberMenuBg$; }
#MemberMenu li:hover { background:$msgMemberMenuBgOv$; }
#MemberMenu li { padding-left:$msgMemberMenuLeft$; }
|
|
.TreeMenu_0 { margin-left:0px; text-align:left; line-height:135%; }
.TreeMenu_0 a { padding-left:4px; color:#444444; }
.TreeMenu_0 a:hover { color:#000000; }
.TreeNode_1 { padding-left:0px; }
.TreeNode_2 { padding-left:0px; }
.TreeNode_3 { padding-left:15px; }
.TreeNode_4 { padding-left:30px; }
.TreeNode_5 { padding-left:45px; }
.TreeNode_6 { padding-left:60px; }
.TreeNode_7 { padding-left:75px; }
.TreeNode_8 { padding-left:90px; }
.TreeNode_9 { padding-left:105px; }
.TreeNode_1 a { padding-left:12px; }
.TreeNode_2 a { padding-left:12px; }
.TreeNode_3 a { padding-left:12px; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:12px; background:url(/main/themes/ns/css_Default/TreeNode3.gif) no-repeat; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-top:2px; padding-bottom:2px; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:#dddddd; }
.TreeMenu_0 .ClassNum { color:#666666; }
.TreeMenu_0 .TreeNode_t { background:#aaaaaa; }
.TreeMenu_0 a.TreeItem_t { color:var(--white); }
.TreeMenu_0 .ClassDesc { display:block; }
.TreeMenu_0 { margin-left:$PrdTreeMenu0Margin$; }
.TreeNode_1 { padding-left:$PrdTreeMenu1Margin$; }
.TreeNode_2 { padding-left:$PrdTreeMenu2Margin$; }
.TreeNode_3 { padding-left:$PrdTreeMenu3Margin$; }
.TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-left:$PrdTreeMenuXMargin$; }
.TreeMenu_0 a { font-family:$PrdTreeItemFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 a:hover { color:$PrdTreeNodeHOverC$; }
.TreeNode_1:hover, .TreeNode_2:hover, .TreeNode_3:hover, .TreeNode_4:hover, .TreeNode_5:hover, .TreeNode_6:hover, .TreeNode_7:hover, .TreeNode_8:hover, .TreeNode_9:hover { background:$PrdTreeNodeHOverB$; }
.TreeMenu_0 a.TreeItem_t { color:$PrdTreeNodeTC$; }
.TreeMenu_0 .TreeNode_t { background:$PrdTreeNodeTB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { padding-top:$PrdTreeNodePadding$; padding-bottom:$PrdTreeNodePadding$; }
.TreeMenu_0 { border-bottom:$PrdTreeNodeBorderT$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-top:$PrdTreeNodeBorderT$; }
.TreeMenu_0 { border-top:$PrdTreeNodeBorderB$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9, .TreeNode_t { border-bottom:$PrdTreeNodeBorderB$; }
.TreeNode_1 a { }
.TreeNode_2 a { }
.TreeNode_3 a {}
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { background:$PrdTreeNodeImg4$ no-repeat; }
.TreeNode_1 a { }
.TreeNode_2 a { padding-left:$PrdTreeItem2Margin$; }
.TreeNode_3 a { padding-left:$PrdTreeItem3Margin$; }
.TreeNode_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { padding-left:$PrdTreeItemXMargin$; }
.TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { float:$PrdTreeNode4Float$; }
.TreeNode_1, .TreeNode_2, .TreeNode_3 { clear:both; }
.TreeMenu_0 .ClassName { display:$PrdTreeNodeDispName$; }
.TreeMenu_0 { line-height:$PrdTreeNodeLineHeight$; }
.TreeMenu_0 .ClassNum { display:$PrdTreeNodeDispNum$; }
.TreeMenu_0 .ClassNum { font-family:$PrdTreeNodeFontNum$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassDesc { display:$PrdTreeNodeDispDesc$; }
.TreeMenu_0 .ClassDesc { font-family:$PrdTreeNodeFontDesc$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.TreeMenu_0 .ClassImg { display:$PrdTreeNodeDispImg$; }
.TreeMenu_0 .ClassImg img { height:$PrdTreeNodeSizeImg$; }
.TreeMenu_0 .ClassImg img { margin-right:$PrdTreeNodeRightImg$; }
.TreeMenu_0 .ClassImg img { margin-bottom:$PrdTreeNodeBottomImg$; }
|
|
|
||
|
.divSitePath { text-align:left; }
.divSitePath.A2 { text-align:center; }
.divSitePath .SitePathA { }
.divSitePath .SitePathD { }
.ClassMiniSite, .ClassNum { display:none; }
|
|
.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:#f1f1f1; } /* 選項文字屬性 */
.BlogListN_1 { } /* 第一筆資訊 */
.BlogListD_0 {} /* 偶數筆資訊 */
.BlogListD_1 { } /* 奇數筆資訊 */
/* 資訊狀態列 */
.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:var(--smaller-font-size); 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; } /* 類別 */
/* 資訊區下方資訊 */
.BlogDate {
color: #a0a0a0;
font-style: normal;
letter-spacing: 0.027777777777777776rem;
line-height: 27px;
margin-bottom: 5px;
}
.BlogListHTML .BlogInfo3 {
color:#292a2c;
width: 83%;
margin: 73px auto 0;
padding: 0 15px;
}
.MsgRowN .BlogListHTML .BlogImg{padding:0 15px;box-sizing: border-box;}
.BlogListHTML .BlogTitle{
font-size: var(--h1-font-size);
font-family: "Roboto", "Noto Sans TC", sans-serif;
padding: 5px 0 35px;
font-weight: 700;
line-height: 40px;
letter-spacing: 0.5px;
-webkit-font-smoothing: auto;
}
.BlogListHTML .BlogTitle a:hover{color: #a0a0a0;}
.BlogListHTML .BlogInfoBtn{
margin-top:35px;
}
.BlogListHTML .BlogInfoBtn .BlogInfo {
font-family: "Open Sans","Noto Sans TC", sans-serif;
font-weight: 400;
font-style: normal;
padding: 10px 12px;
color: #acacac;
border: 1px solid #e6e6e6;
text-transform: uppercase;
transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
}
.BlogListHTML .BlogInfoBtn .BlogInfo:hover {
color: #888;
border: 1px solid #aaa;
}
.BlogListList {
padding-left: 30px;
padding-right: 30px;
}
.BlogListHTML .BlogInfoStatus { float:right; }
.BlogSubTitle{line-height: 29.5px;font-size: var(--regular-font-size);letter-spacing: 0.5px;font-weight: 300;}
.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 .ImgAlignLeft { margin-right:8px; } /* 圖文間距 */
#ns_Content .BlogListHTML .ImgAlignRight { margin-left:8px; } /* 圖文間距 */
/* 分頁控制列 */
.divPageCtrl { margin:10px; clear:both; display:none;}
.divPageCtrl table { margin-left:auto; margin-right:auto; }
/* 表格格式 */
.MsgRow1 { margin-top:0px; } /* 第一列 */
.MsgRowN {
max-width: 1318.9px;
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #e6e6e6;
padding: 102px 0 102px 0;
}
.MsgInfoList {
margin-top: 0px;
}
.MsgRowN img{
width:100%;
}
/* 其他列 */
.MsgRowD0 { } /* 偶數列 */
.MsgRowD1 { } /* 奇數列 */
.MsgCell1 { padding:0px; } /* 最左欄 */
.MsgCellN { padding:0px; } /* 中間欄 */
.MsgCellX { padding:0px; } /* 最右欄 */
.MsgRGap {
margin-top: 90px;
margin-bottom: 90px;
height: 1px;
background-color: #e6e6e6;
display:none;
}
/* 列與列中間 */
.cssPagePanel { clear:both; } /* 控制面板列 */
@media (max-width:600px){
.BlogListHTML .BlogInfo3{
width: 100%;
padding: 0;
}
.BlogListList {
padding-left: 20px;
padding-right: 20px;
}
.MsgRowN .BlogListHTML .BlogImg{padding:0px;}
.BlogListHTML .BlogTitle {
padding: 10px 0 33px;
font-size: var(--h4-font-size);
line-height: 42px;
letter-spacing: 1px;
}
}
.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 { }
.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$; }
| ||||||||||||||||||||||||
|
|
| ||||||||||||||||||
