剛好行銷品牌管顧

購物袋
0

.SiteNode_0, .SiteNode_x0 { display:none; } .ClassMiniSite, .ClassNum { display:none; } .ClassDesc { display: none; } @media (min-width:481px) { /* 一般 PC */ .SiteMenu_1, .SiteMenu_2, .SiteMenu_3, .SiteMenu_4, .SiteMenu_5, .SiteMenu_6, .SiteMenu_7, .SiteMenu_8, .SiteMenu_9 { display:none; } .SiteMenu_0 { margin-left: 40px; } #dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 { // line-height: 180%; } .SiteGroup_1 { //float:left; position:relative; } .SiteGroup_1 .SiteNode_1 { // border-bottom: 4px solid transparent; box-sizing: border-box; transition: all .2s linear; // width: 36px; // height: 125px; // letter-spacing: 24px; //margin-top: 8px; //padding: 10px 9px; // background-color: rgba(247,247,247,0.5); margin-right: 5px; font-weight: bold; } .SiteGroup_1:hover .SiteNode_1 { //border-bottom: 4px solid transparent; } .SiteGroup_1 .SiteNode_1 a { font-size:18px; } .SiteGroup_1:hover .SiteNode_1 a { font-weight: bold; } body .SiteGroup_1 .SiteMenu_1 { display:block; position:absolute; // width: 126px; height:0px; overflow:hidden; padding: 0px; line-height: 200%; box-sizing: border-box; transition: all .2s linear; } .SiteGroup_1:hover .SiteMenu_1 { display:block; height:auto; padding: 10px 15px; //width: 156px; } .SiteGroup_2 .SiteNode_2 { //width: 16px; padding: 5px; //float: left; line-height: 150%; font-size: 14px; font-weight: 500; // background-color: rgba(247,247,247,0.6); margin-right: 5px; } .logo { width: 83px; float: left; margin-left: 50px; } .SiteNode { border-bottom-width: 0px; } } @media (max-width:600px) { /* 手機適用 */ .logo{ width: 100%; margin-left:0px; } .SiteNode_1 a { display:block; font-size:18px; ;font-weight: 600; //padding: 20px 5px; } .SiteNode_2 a { display:block; font-size:18px; padding:10px 5px 10px 25px; } .SiteNode_3 a { display:block; font-size:18px; padding:5px 5px 5px 40px; } .SiteNode_1 { border-bottom: 0px solid #fff; //background-color: #711d3e; //background-image: url(http://comet.noonspace.com/w58NoonSpace/lee-cake/MsgInfo/mobilemenupat.png); } .SiteNode_2 { border-bottom:0px solid #006dee; } .SiteNode_3 { border-bottom:0px solid #006dee; background:#fff; } }

| | | | | |

#dataSiteTree.Hori * { box-sizing:border-box; } #dataSiteTree.Hori .SiteNode_0 { display:none; } #dataSiteTree.Hori .ClassNum { display:none; } #dataSiteTree.Hori .SiteGroup_1 { position:relative; display:inline-block; margin:0 20px; 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; } /* 選單置中*/ #ns_Footer{ padding-top: 50px; } #ns_Footer .SiteMenu_0{ text-align:center; } #ns_Footer .SiteGroup_1 .SiteNode_1 a{ color: #494949; font-size: 14px; } /* copyright */ #ns_Footer #id_FooterCol_2 .meMsg_ItemTitle{ margin: 25px 30px; }

品剛好 (0)