| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
.jpg)
歡迎至美術館商城了解更多
_m.jpg)
|
#dataSiteTree.Hori * { box-sizing:border-box; text-align: center; }
#dataSiteTree.Hori .SiteNode_0 { display:none; }
#dataSiteTree.Hori .ClassNum { display:none; }
#dataSiteTree.Hori .SiteGroup_1 {
position: relative;
float: none;
margin: 5px 7px 5px 0px;
padding-right: 7px;
white-space: nowrap;
display: inline-block;
font-size: 16px;
border-right: 1px solid #fff;
}
#dataSiteTree.Hori .SiteGroup_1:last-child {
border-right: 0px solid #fff;
}
#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; }
@media (max-width: 850px) {
#dataSiteTree.Hori .SiteGroup_1 {
}
}
|