|
#ns_Main .mePrdTree .inc_msg_PrdTree {
margin-bottom: 30px;
}
.TreeMenu_0 { margin-left:0px; text-align:left; line-height:135%; font-size: 18px;}
.TreeMenu_0 a { padding-left:4px; color:#7b7b7b; }
.TreeMenu_0 a:hover { color:#ff0000; }
.TreeNode_1 { padding-left:0px; }
.TreeNode_2 {
padding-left: 19px;
font-size: 16px;
}
.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; }
.TreeNode_1, .TreeNode_2, .TreeNode_3, .TreeNode_4, .TreeNode_5, .TreeNode_6, .TreeNode_7, .TreeNode_8, .TreeNode_9 { padding-top: 5px; padding-bottom: 5px; }
.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: transparent;
}
.TreeMenu_0 .ClassNum { color:#666666; }
.TreeMenu_0 .TreeNode_t { color: #333333; }
.TreeMenu_0 a.TreeItem_t { color: #333333; }
.TreeMenu_0 .ClassDesc { display:block; }
/*品牌清單*/
.slick-slide {
margin: 10px 0;
}
.logos {
margin: 0 auto;
background: #fff;
}
.logos .meMsg_MsgTitle {
color: #130e3a;
margin: 80px 0 10px;
display: block;
font-weight: bold;
font-size: 22px;
}
.logos .TreeMenu_2 {
text-align: center;
}
.logos .TreeGroup.TreeGroup_3 .ClassImg {
width: 100px;
height: 100px;
display: block;
margin-bottom: 30px;
}
.logos .TreeGroup.TreeGroup_3 img {
height: 100%;
width: 100%;
object-fit: contain;
}
.logos .TreeNode_1 a {
padding-left: 0;
}
.logos .TreeNode_1 a {
background: none;
}
.logos .TreeMenu_0 a {
padding-left: 0;
}
.logos span.ClassName, span.ClassNum {
display: none;
}
body .logos .TreeGroup_2 .TreeMenu_2 .slick-slide img {
margin: 10px 5px;
}
@media (max-width: 700px){
.logos {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
}
.logos .meMsg_MsgTitle {
font-size: 16px;
margin-top: 40px;
margin: 40px
}
}
/*品牌清單 結束*/
/* footer 快速購物 */
.footerRightList {
display: inline-block;
width: 200px;
padding: 50px 80px 50px 0;
box-sizing: border-box;
float: right;
}
.footerRightList .TreeNode_1 a {
padding-left: 0px;
background: none;
color: #fff;
line-height: 170%;
}
.footerRightList .TreeNode_1 a:hover, .footerRightList .TreeNode_t a.TreeItem_t {
color: #ff0000;
}
.footerRightList .meMsg_MsgTitle {
color: #fff;
margin-bottom: 20px;
display: block;
margin-top: 0;
font-size: 18px;
}
@media (max-width: 700px){
.footerRightList {
display: inline-block;
width: 50%;
padding: 0 40px 30px 0;
box-sizing: border-box;
float: right;
}
.footerRightList .meMsg_MsgTitle {
margin-top: -125px;
font-size: 16px;
}
.footerRightList .TreeNode_1 a {
font-size: 16px;
}
}
/* footer 快速購物 結束 */
.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 { 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_4 a, .TreeNode_5 a, .TreeNode_6 a, .TreeNode_7 a, .TreeNode_8 a, .TreeNode_9 a { background:$PrdTreeNodeImg4$ no-repeat; }
.TreeNode_1 a { padding-left:$PrdTreeItem1Margin$; }
/*.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$; }
|
| | 
| | 排序 |
| | |
|
div2 class=title cssOby |
| | 顯示 |
| | |
|
div3 class=title cssOby | |
|
class=filter
class=headline_image w4#ZC620429
.JsShowImg .meMsg_MsgBlkZ { text-align:center; background-position:center top; background-repeat:no-repeat; padding:0px; }
body .meJsShowImg .meMsg_MsgListBlk { position: relative; right: 8px; bottom: 20px; margin: 0 auto 0 auto !important; width: 20px !important; }
.JsShowImg .itemJsShowImg { display: table-cell; margin: 10px 0; }
body .meJsShowImg .meMsg_MsgListBlk .meMsg_MsgTitle img{
background-color: #fff;
border: 1px solid #fff;
width: 15px;
height: 15px;
}
body .meJsShowImg .meMsg_MsgListBlk .meMsg_MsgTitle img.b1 {
background-color: transparent;
}
.JsShowImg .meMsg_MsgListBlk img.b0:hover {
opacity:0.7;
}
.JsShowImg .meMsg_MsgListBlk img.b1:hover {
opacity:0.7;
}
.JsShowImg .meMsg_MsgBlkZ .slick-prev:before, .JsShowImg .meMsg_MsgBlkZ .slick-next:before {
content: url(https://nebulax.noonspace.com/w82/developer/MsgInfo/banner_arrow.svg);
font-size: 50px;
background-color: rgba(251, 251, 251,0.75);
padding: 7px 15px 7px 20px;
}
.JsShowImg .meMsg_MsgBlkZ .slick-prev {
transform: scale(-1,1);
transform-origin: center;
margin-top: -9px;
left: 35px;
z-index: 1;
}
.JsShowImg .meMsg_MsgBlkZ .slick-next {
right: 35px;
}
.JsShowImg .meMsg_MsgListBlk img:hover { border: 6px solid #fff; }
.JsShowImg .meMsg_MsgListBlk img { max-width:150px; max-height:150px; }
.JsShowImg .divJsShowImgB img { width:100%; max-width:100%; }
.JsShowImg .divJsShowImgB video { width:100%; max-width:100%; }
.JsShowImg .bindbottomwin {}
.JsShowImg .bindbottom {}
.JsShowImg .bindleft {}
.JsShowImg .bindright {}
.JsShowImg .bindbottomwin .divJsShowImg0 , .JsShowImg .bindbottomwin .divJsShowImg9 { color:#ffffff; }
.JsShowImg .bindbottom .divJsShowImg0 , .JsShowImg .bindbottom .divJsShowImg9 { color:#ffffff; }
.JsShowImg .bindleft .divJsShowImg0 , .JsShowImg .bindleft .divJsShowImg9 { color:#ffffff; }
.JsShowImg .bindright .divJsShowImg0 , .JsShowImg .bindright .divJsShowImg9 { color:#ffffff; }
/*箭頭隱藏*/
.JsShowImg .meMsg_MsgBlkZ .slick-prev:before,
.JsShowImg .meMsg_MsgBlkZ .slick-next:before { }
@media (max-width: 480px) {
.JsShowImg .meMsg_MsgBlkZ .slick-prev:before,
.JsShowImg .meMsg_MsgBlkZ .slick-next:before { display: none }
}
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .JsShowImg .meMsg_MsgBlkZ .slick-prev::before { display: none; }
*::-ms-backdrop, .JsShowImg .meMsg_MsgBlkZ .slick-next::before { display: none; }
}
.JsShowImg .divJsShowImgB img { max-width:$JsShowImgMaxWB$; }
.JsShowImg .divJsShowImgB video { max-width:$JsShowImgMaxWB$; }
.JsShowImg .meMsg_MsgBlkZ { text-align:$JsShowImgA$; background-position:$JsShowImgA$ top; }
.JsShowImg .meMsg_MsgBlkZ { margin-bottom:$JsShowImgS$; }
.JsShowImg .meMsg_MsgListBlk { display:$JsShowDisp$; }
.JsShowImg .meMsg_MsgBlkZ { font-family:$JsShowImgFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.JsShowImg .meMsg_MsgBlkZ a { font-family:$JsShowImgFont$; color:$color$; font-size:$size$; font-style:$style$; font-weight:$weight$; }
.JsShowImg .bindbottomwin { padding:$JsShowListD$; }
.JsShowImg .bindbottom { padding:$JsShowListD$; }
.JsShowImg .bindleft { padding:$JsShowListD$; }
.JsShowImg .bindright { padding:$JsShowListD$; }
class=showcase w4ZC462113
class=headline_image w4#ZC620429
class=showcase w4ZC220235,ZC396581
class=nbanner-1-nofull w4ZC462113
$PrdPrice$
$PrdPriceHint$
|
class=BlogProductCollection |
#PageCtrl { font-family:�s�ө���; text-align:center; }
#PageCtrl a { color:#666666; }
#PageCtrl a:hover { color:#ff6622; }
#PageCtrl .PageBtn { margin-left:3px; margin-right:3px; }
#PageCtrl .OtherPage {}
#PageCtrl .ThisPage { color:#000000; font-weight:bold; }
#PageCtrl .RecCount { font-weight:bold; }
|
|
| |
