| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
#dataSiteTree.Hori * { box-sizing:border-box; }
#dataSiteTree.Hori .SiteNode_0 { display:none; }
#dataSiteTree.Hori .ClassNum { display:none; }
#dataSiteTree.Hori .SiteGroup_1 { position:relative; float:left; margin:5px 20px 5px 5px; white-space:nowrap; }
#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:none; position:absolute; }
#dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1 {}
#dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after {
content:""; position:absolute; top:0px; left:100%; width:15px; height:15px; opacity:0.5;
background:url(/main/wdb2/images/arrowR4_25x25.png) no-repeat; background-size:contain;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transition:all .2s linear;
}
#dataSiteTree.Hori .SiteGroup_1.hasSubMenu:hover:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
#dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { border:1px solid #cccccc; background:#ffffff; padding:0px; }
#dataSiteTree.Hori .SiteNode_2 { padding:0px; }
#dataSiteTree.Hori .SiteNode_2 a { display:block; padding:5px 10px 5px 10px; }
#dataSiteTree.Hori .SiteNode_2 a:hover { background:#eeeeee; }
#dataSiteTree.Hori .SiteGroup_2 { position:relative; }
#dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after {
content:""; position:absolute; top:7px; left:90%; width:15px; height:15px; opacity:0.5;
background:url(/main/wdb2/images/arrowR4_25x25.png) no-repeat; background-size:contain;
transition:all .2s linear;
}
#dataSiteTree.Hori .SiteGroup_2.hasSubMenu:hover:after {
left:93%;
}
#dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:none; position:absolute; left:100%; top:0px; }
#dataSiteTree.Hori .SiteGroup_2:hover { background:#eeeeee; }
#dataSiteTree.Hori .SiteGroup_2:hover .SiteMenu_2 { display:block; }
#dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { border:1px solid #cccccc; background:#ffffff; padding:0px; }
#dataSiteTree.Hori .SiteNode_3 { padding:0px; }
#dataSiteTree.Hori .SiteNode_3 a { display:block; padding:5px 10px 5px 10px; }
#dataSiteTree.Hori .SiteNode_3 a:hover { background:#eeeeee; }
/* 左右選單 */
.msgToMenuRight #dataSiteTree.Hori { margin-bottom:20px; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 { float:none; white-space:normal; margin:0px; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:block; position:relative; border:0px; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a { display:block; padding:5px 5px 5px 10px; background:#ffffff; border-bottom:1px solid #cccccc; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a:hover { background:#eeeeee; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { display:none; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:block; position:relative; left:0px; border:0px; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_2 .SiteNode_2 a { display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #cccccc; }
.msgToMenuRight #dataSiteTree.Hori .SiteGroup_3 .SiteNode_3 a { display:block; padding:5px 5px 5px 30px; border-bottom:1px solid #cccccc; }
.msgToMenuLeft #dataSiteTree.Hori { margin-bottom:20px; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 { float:none; white-space:normal; margin:0px; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:block; position:relative; border:0px; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a { display:block; padding:5px 5px 5px 10px; background:#ffffff; border-bottom:1px solid #cccccc; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a:hover { background:#eeeeee; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { display:none; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:block; position:relative; left:0px; border:0px; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2 .SiteNode_2 a { display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #cccccc; }
.msgToMenuLeft #dataSiteTree.Hori .SiteGroup_3 .SiteNode_3 a { display:block; padding:5px 5px 5px 30px; border-bottom:1px solid #cccccc; }
#dataSiteTree.Hori .SiteGroup_1 {
position: relative;
float: left;
margin: 5px 10px 5px 10px;
white-space: nowrap;
}
#dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 {
padding-left: 11px;
padding-right: 11px;
}
/* 頁尾選單*/
#ns_Copyright .meSiteTree {
max-width: 490px;
margin: 0 auto;
width: 100%;
}
#ns_Copyright .SiteMenu_0 {
text-align:center;
}
#ns_Copyright .SiteGroup_1 .SiteNode_1 a {
color: #fff;
font-size: 14px;
line-height: 150%;
}
#ns_Copyright .SiteGroup_1 .SiteNode_1 a:hover {
color: #888;
}
|