1492 lines
32 KiB
CSS
1492 lines
32 KiB
CSS
|
body{
|
|||
|
|
background:#fff url(images/backgroud.jpg) center center fixed no-repeat;
|
|||
|
|
-moz-background-size: cover;
|
|||
|
|
background-size: cover;
|
|||
|
|
font-size:14px;
|
|||
|
|
//font-family:"細明體",Verdana, Arial;
|
|||
|
|
//font-family: 'cwTeXHei', serif;
|
|||
|
|
font-family: 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', Verdana, Arial, 'Microsoft YaHei' !important;
|
|||
|
|
font-weight:300;
|
|||
|
|
text-shadow:#999 0.01em 0.01em 0.05em !important
|
|||
|
|
-webkit-font-smoothing: antialiased;
|
|||
|
|
-moz-osx-font-smoothing: grayscale;
|
|||
|
|
font-smooth: always;
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
color:#424242;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div{
|
|||
|
|
margin:0 auto; padding:0;}
|
|||
|
|
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{
|
|||
|
|
|
|||
|
|
margin:0; padding:0; border:none; list-style-type:none;
|
|||
|
|
}
|
|||
|
|
h1,h2,h3,h4,h5,h6{
|
|||
|
|
font-size:14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.block{
|
|||
|
|
background:#fff;
|
|||
|
|
width:1000px; height:auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.fl{float:left;}
|
|||
|
|
.fr{float:right;}
|
|||
|
|
.tl{ text-align:left;}
|
|||
|
|
.tc{ text-align:center;}
|
|||
|
|
.tr{ text-align:right;}
|
|||
|
|
.dis{display:block;}
|
|||
|
|
.inline{display:inline;}
|
|||
|
|
.none{display:none;}
|
|||
|
|
|
|||
|
|
.InputBorder{border:1px solid #ccc;}
|
|||
|
|
|
|||
|
|
.tips{
|
|||
|
|
text-align:center;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
padding:30px 0px;
|
|||
|
|
color:#ff6600;
|
|||
|
|
}
|
|||
|
|
.ads{
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.ads img{
|
|||
|
|
display:block;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.clearfix:after{
|
|||
|
|
content:"."; display:block; height:0; clear:both;
|
|||
|
|
visibility:hidden;
|
|||
|
|
}
|
|||
|
|
*html .clearfix{
|
|||
|
|
height:1%;
|
|||
|
|
}
|
|||
|
|
*+html .clearfix{
|
|||
|
|
height:1%;
|
|||
|
|
}
|
|||
|
|
/*英文強制換行*/
|
|||
|
|
.word{word-break:break-all;}
|
|||
|
|
|
|||
|
|
/*全站按鈕部分及修飾圖標*/
|
|||
|
|
acronym{
|
|||
|
|
display:inline-block;
|
|||
|
|
display:-moz-inline-stack;
|
|||
|
|
*display:inline;
|
|||
|
|
zoom:1;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
acronym.reg{
|
|||
|
|
background:url(images/bg.gif) no-repeat -346px 0px;
|
|||
|
|
width:4px;
|
|||
|
|
margin-right:5px;
|
|||
|
|
}
|
|||
|
|
acronym.icon{
|
|||
|
|
background:url(images/bg.gif) no-repeat -346px -61px;
|
|||
|
|
width:4px;
|
|||
|
|
height:7px;
|
|||
|
|
margin:0 5px 0 0;
|
|||
|
|
_margin:7px 5px 7px 0;
|
|||
|
|
}
|
|||
|
|
acronym.start{
|
|||
|
|
background:url(images/bg.gif) no-repeat -334px -306px;
|
|||
|
|
width:16px;
|
|||
|
|
height:16px;
|
|||
|
|
margin:0 5px 0 0;
|
|||
|
|
}
|
|||
|
|
acronym.delete{
|
|||
|
|
background:url(images/bg.gif) no-repeat -334px -340px;
|
|||
|
|
width:16px;
|
|||
|
|
height:16px;
|
|||
|
|
margin:0 5px 0 0;
|
|||
|
|
}
|
|||
|
|
acronym.continue{
|
|||
|
|
width:134px;
|
|||
|
|
height:36px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/continue.gif) no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
acronym.checkout{
|
|||
|
|
width:128px;
|
|||
|
|
height:37px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/checkout.gif) no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
acronym.addToCart{
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 -232px;
|
|||
|
|
width:40px;
|
|||
|
|
height:19px;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
margin:5px 3px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
acronym.addToCart_goods{
|
|||
|
|
background:url(images/bg.gif) no-repeat -31px -296px;
|
|||
|
|
width:144px;
|
|||
|
|
height:53px;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
margin:5px 0;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
acronym.collect{
|
|||
|
|
background:url(images/bg.gif) no-repeat -44px -232px;
|
|||
|
|
width:41px;
|
|||
|
|
height:19px;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
margin:5px 3px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
acronym.Compare{
|
|||
|
|
background:url(images/bg.gif) no-repeat -89px -232px;
|
|||
|
|
width:36px;
|
|||
|
|
height:19px;
|
|||
|
|
text-indent:-9999px;
|
|||
|
|
margin:5px 3px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
acronym.bestTit,acronym.grouptit{
|
|||
|
|
height:24px;
|
|||
|
|
*height:25px;
|
|||
|
|
_height:24px;
|
|||
|
|
padding:7px 30px 0 30px;
|
|||
|
|
padding-right:70px\9;
|
|||
|
|
*padding:5px 70px 0 30px;
|
|||
|
|
_padding:6px 70px 0 30px;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:#fff;
|
|||
|
|
background:url(images/best_bg_4.gif) no-repeat top right;
|
|||
|
|
}
|
|||
|
|
acronym.grouptit{
|
|||
|
|
background:url(images/best_bg_5.gif) no-repeat top right;
|
|||
|
|
*height:27px;
|
|||
|
|
_height:26px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bnt_number2,.bnt_number4,.bnt_number6,.bnt_number8,.bnt_number10{
|
|||
|
|
border:none;
|
|||
|
|
text-align:center;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
color:#fff;
|
|||
|
|
height:24px;
|
|||
|
|
}
|
|||
|
|
.bnt_number2{
|
|||
|
|
width:64px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -198px -199px;
|
|||
|
|
}
|
|||
|
|
.bnt_number4{
|
|||
|
|
width:84px;
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 -168px;
|
|||
|
|
}
|
|||
|
|
.bnt_number6{
|
|||
|
|
width:112px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -91px -168px;
|
|||
|
|
}
|
|||
|
|
.bnt_number8{
|
|||
|
|
width:141px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -208px -168px;
|
|||
|
|
}
|
|||
|
|
.bnt_number10{
|
|||
|
|
width:190px;
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 -200px;
|
|||
|
|
}
|
|||
|
|
.go{
|
|||
|
|
width:49px;
|
|||
|
|
height:21px;
|
|||
|
|
border:none;
|
|||
|
|
background:url(images/text_bg.gif) no-repeat 0 -48px;
|
|||
|
|
}
|
|||
|
|
.bnt_join{
|
|||
|
|
cursor:pointer;
|
|||
|
|
width:102px;
|
|||
|
|
height:43px;
|
|||
|
|
border:none;
|
|||
|
|
background:url(images/bg.gif) no-repeat -33px -357px;
|
|||
|
|
}
|
|||
|
|
.bnt_login{
|
|||
|
|
cursor:pointer;
|
|||
|
|
width:102px;
|
|||
|
|
height:43px;
|
|||
|
|
border:none;
|
|||
|
|
background:url(images/bg.gif) no-repeat -140px -357px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
/*字體及顏色*/
|
|||
|
|
.f1{color:#ff6c02;}
|
|||
|
|
.f14b{font-size:14px; font-weight:bold;}
|
|||
|
|
.username{color:#a80416;}
|
|||
|
|
.market{ text-decoration:line-through;}
|
|||
|
|
.price{color:#ff6c02; font-weight:bold; font-size:14px;}
|
|||
|
|
|
|||
|
|
a:link {color: #424242; text-decoration:none;}
|
|||
|
|
a:visited {color: #424242;text-decoration:none;}
|
|||
|
|
a:hover {color: #ff0000; text-decoration:none;}
|
|||
|
|
a:active {color: #424242; text-decoration:none;}
|
|||
|
|
|
|||
|
|
.a{color:#ff0000;}
|
|||
|
|
.b{color:#0000ff;}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ====================通用模塊==================== */
|
|||
|
|
.module{
|
|||
|
|
background:#fff;
|
|||
|
|
border:1px solid #e2e2e2;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
}
|
|||
|
|
.module .modTitle{
|
|||
|
|
padding:0 10px;
|
|||
|
|
height:26px;
|
|||
|
|
line-height:26px;
|
|||
|
|
background:url(images/title_bg.gif) no-repeat 0 0;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:#414141;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.module .modTitle p{
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 -111px;
|
|||
|
|
padding-left:22px;
|
|||
|
|
float:left;
|
|||
|
|
}
|
|||
|
|
.module .modTitle .more{
|
|||
|
|
display:block;
|
|||
|
|
float:right;
|
|||
|
|
height:19px;
|
|||
|
|
width:55px;
|
|||
|
|
margin-top:3px;
|
|||
|
|
text-indent:-56px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/bg.gif) no-repeat -295px -143px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.module_1{
|
|||
|
|
background:#fff;
|
|||
|
|
border:2px solid #b60134;
|
|||
|
|
border-top:none;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
}
|
|||
|
|
.module_1 .modTitle{
|
|||
|
|
position:relative;
|
|||
|
|
height:31px;
|
|||
|
|
line-height:31px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
color:#fff;
|
|||
|
|
padding-left:28px;
|
|||
|
|
background:url(images/title_bg_1.gif) repeat-x 0 0;
|
|||
|
|
}
|
|||
|
|
.module_1 .modTitle .L{
|
|||
|
|
display:block;
|
|||
|
|
width:24px;
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -58px 0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:absolute; left:-2px; top:0px;
|
|||
|
|
}
|
|||
|
|
.module_1 .modTitle .R{
|
|||
|
|
display:block;
|
|||
|
|
width:10px;
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -83px 0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:absolute; right:-2px; top:0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.module_2{
|
|||
|
|
background:#fff;
|
|||
|
|
border:2px solid #b2c4d0;
|
|||
|
|
border-top:none;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
}
|
|||
|
|
.module_2 .modTitle{
|
|||
|
|
position:relative;
|
|||
|
|
height:31px;
|
|||
|
|
line-height:31px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
color:#c72e28;
|
|||
|
|
padding-left:28px;
|
|||
|
|
background:url(images/title_bg_2.gif) repeat-x 0 0;
|
|||
|
|
}
|
|||
|
|
.module_2 .modTitle a{
|
|||
|
|
color:#c72e28;
|
|||
|
|
}
|
|||
|
|
.module_2 .modTitle .L{
|
|||
|
|
display:block;
|
|||
|
|
width:25px;
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -96px 0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:absolute; left:-2px; top:0px;
|
|||
|
|
}
|
|||
|
|
.module_2 .modTitle .R{
|
|||
|
|
display:block;
|
|||
|
|
width:8px;
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -122px 0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:absolute; right:-2px; top:0px;
|
|||
|
|
}
|
|||
|
|
.module_2 .modTitle .more,.module_4_1 .modTitle .more{
|
|||
|
|
display:block;
|
|||
|
|
float:right;
|
|||
|
|
height:19px;
|
|||
|
|
width:55px;
|
|||
|
|
margin:7px 10px 0 0;
|
|||
|
|
text-indent:-56px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/bg.gif) no-repeat -234px -143px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.modContent{
|
|||
|
|
padding:10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.module_3{
|
|||
|
|
position:relative;
|
|||
|
|
background:url(images/best_bg_2.gif) repeat-x left bottom;
|
|||
|
|
min-height:260px;
|
|||
|
|
_height:260px;
|
|||
|
|
}
|
|||
|
|
.module_3 span{
|
|||
|
|
width:5px;
|
|||
|
|
height:5px;
|
|||
|
|
display:block;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
.module_3 span.l{
|
|||
|
|
background:url(images/bg.gif) no-repeat -132px 0;
|
|||
|
|
position:absolute; left:0px; bottom:0px;
|
|||
|
|
}
|
|||
|
|
.module_3 span.r{
|
|||
|
|
background:url(images/bg.gif) no-repeat -138px 0;
|
|||
|
|
position:absolute; right:0px; bottom:0px;
|
|||
|
|
}
|
|||
|
|
.module_3L{
|
|||
|
|
background:url(images/best_bg_1.gif) no-repeat 0 0;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.module_3R{
|
|||
|
|
background:url(images/best_bg_3.gif) no-repeat right top;
|
|||
|
|
}
|
|||
|
|
.module_3 .modTitle{
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/best_bg.gif) no-repeat top right;
|
|||
|
|
}
|
|||
|
|
.module_3 .modTitle .L{
|
|||
|
|
background:url(images/best_bg.gif) no-repeat 0 -35px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.module_4{
|
|||
|
|
background:#fff;
|
|||
|
|
border:1px solid #b2c4d0;
|
|||
|
|
border-top:none;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
}
|
|||
|
|
.module_4_1{
|
|||
|
|
border:4px solid #f4f8fb;
|
|||
|
|
border-top:none;
|
|||
|
|
}
|
|||
|
|
.module_4_1 .modTitle{
|
|||
|
|
position:relative;
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/mod4_bg.gif) repeat-x 0 0;
|
|||
|
|
}
|
|||
|
|
.module_4_1 .modTitle span{
|
|||
|
|
display:block;
|
|||
|
|
height:31px;
|
|||
|
|
width:9px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/bg.gif) no-repeat -146px 0;
|
|||
|
|
position:absolute; top:0; right:-5px;
|
|||
|
|
}
|
|||
|
|
.module_4_1 .modTitle .L{
|
|||
|
|
height:31px;
|
|||
|
|
background:url(images/best_bg.gif) 0 -69px;
|
|||
|
|
position:relative; left:-5px;
|
|||
|
|
}
|
|||
|
|
.module_4_1 .modTitle .more{
|
|||
|
|
_margin:7px 6px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*單個商品外圍框架（此方法在火狐和ie8下面會產生3px邊距）*/
|
|||
|
|
.goodsbox{
|
|||
|
|
//width:230px;
|
|||
|
|
min-height:1px;
|
|||
|
|
display: -moz-inline-stack;
|
|||
|
|
display: inline-block;
|
|||
|
|
text-align:center;
|
|||
|
|
vertical-align: top;
|
|||
|
|
zoom:1;
|
|||
|
|
*display:inline;
|
|||
|
|
_height:1px;
|
|||
|
|
}
|
|||
|
|
.goodsbox .imgbox{
|
|||
|
|
// width:220px;
|
|||
|
|
margin:0 0 5px 0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================頁面佈局==================== */
|
|||
|
|
#pageLeft{
|
|||
|
|
background:#fff;
|
|||
|
|
width:250px;
|
|||
|
|
margin-right:8px;
|
|||
|
|
}
|
|||
|
|
#pageRight{
|
|||
|
|
background:#fff;
|
|||
|
|
width:742px;
|
|||
|
|
}
|
|||
|
|
#userLeft{
|
|||
|
|
background:#fff;
|
|||
|
|
width:200px;
|
|||
|
|
margin-right:8px;
|
|||
|
|
}
|
|||
|
|
#userRight{
|
|||
|
|
background:#fff;
|
|||
|
|
width:792px;
|
|||
|
|
}
|
|||
|
|
#articleLeft{
|
|||
|
|
background:#fff;
|
|||
|
|
width:742px;
|
|||
|
|
margin:0 8px 8px 0;
|
|||
|
|
}
|
|||
|
|
#articleRight{
|
|||
|
|
background:#fff;
|
|||
|
|
width:250px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================header==================== */
|
|||
|
|
#topNav{
|
|||
|
|
width:1000px;
|
|||
|
|
height:27px;
|
|||
|
|
background:url(images/topNav_bg.gif) repeat-x 0 0;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
#topNav span{
|
|||
|
|
height:27px;
|
|||
|
|
width:5px;
|
|||
|
|
display:block;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
#topNav span.L{
|
|||
|
|
position:absolute; left:0px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
#topNav span.R{
|
|||
|
|
position:absolute; right:0px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -6px 0;
|
|||
|
|
}
|
|||
|
|
#topNav .tel{
|
|||
|
|
color:#000;
|
|||
|
|
line-height:27px;
|
|||
|
|
width:196px;
|
|||
|
|
// background:url(images/800.gif) no-repeat center right;
|
|||
|
|
margin-left:20px;
|
|||
|
|
}
|
|||
|
|
#topNav .nav{
|
|||
|
|
line-height:27px;
|
|||
|
|
margin-right:20px;
|
|||
|
|
}
|
|||
|
|
#searchBox{
|
|||
|
|
background:url(images/search_bg.gif) no-repeat center top;
|
|||
|
|
position:relative;
|
|||
|
|
height:94px;
|
|||
|
|
}
|
|||
|
|
#searchBox .logo{
|
|||
|
|
float:left;
|
|||
|
|
width:300px;
|
|||
|
|
height:94px;/*logo最大為300x94*/
|
|||
|
|
line-height:94px;
|
|||
|
|
text-align:center;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
#searchBox .logo img{
|
|||
|
|
*margin-top: expression(( 94 - this.height ) / 2);
|
|||
|
|
text-align:center;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
}
|
|||
|
|
#searchBox .searchForm{
|
|||
|
|
width:680px;
|
|||
|
|
padding-left:20px;
|
|||
|
|
height:94px;
|
|||
|
|
position:absolute; right:0px; top:0px;
|
|||
|
|
}
|
|||
|
|
#searchBox .searchForm form{
|
|||
|
|
background:url(images/search_bg_1.gif) no-repeat 0 0;
|
|||
|
|
width:576px;
|
|||
|
|
height:39px;
|
|||
|
|
margin-top:25px;
|
|||
|
|
}
|
|||
|
|
#searchBox .searchForm form #keyword{
|
|||
|
|
border:none;
|
|||
|
|
width:360px;
|
|||
|
|
height:23px;
|
|||
|
|
margin:8px 0 0 10px;
|
|||
|
|
position:relative; top:-8px;
|
|||
|
|
*position:relative; *top:-4px;
|
|||
|
|
background:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#searchBox .searchForm form .bnt_scarch{
|
|||
|
|
position:relative; left:-2px; top:4px;
|
|||
|
|
}
|
|||
|
|
#searchBox .searchForm form .advanced_search{
|
|||
|
|
position:relative;left:10px; top:-6px;
|
|||
|
|
font-size:14px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#pageNav{
|
|||
|
|
background:url(images/nav_bg.gif) repeat-x 0 0;
|
|||
|
|
height:38px;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#pageNav span{
|
|||
|
|
display:block;
|
|||
|
|
width:9px;
|
|||
|
|
height:75px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#pageNav span.L{
|
|||
|
|
position:absolute; left:0px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -14px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#pageNav span.R{
|
|||
|
|
position:absolute; right:0px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -24px 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#pageNav ul{
|
|||
|
|
margin:0 20px;
|
|||
|
|
height:38px;
|
|||
|
|
}
|
|||
|
|
#pageNav li{
|
|||
|
|
float:left;
|
|||
|
|
height:27px;
|
|||
|
|
padding:11px 20px 0 20px;
|
|||
|
|
background:url(images/nav_bg_2.gif) no-repeat right top;
|
|||
|
|
font-size:14px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
#pageNav li a{
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
#pageNav li.cur{
|
|||
|
|
background:url(images/nav_bg_1.gif) repeat-x 0 0;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
#pageNav li.cur span{
|
|||
|
|
display:block;
|
|||
|
|
widht:8px;
|
|||
|
|
height:34px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
#pageNav li.cur span.L{
|
|||
|
|
position:absolute; left:-1px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -35px 0;
|
|||
|
|
}
|
|||
|
|
#pageNav li.cur span.R{
|
|||
|
|
position:absolute; right:0px; _right:-1px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -43px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.searchkeywords{
|
|||
|
|
border:2px #FFAC55 solid;
|
|||
|
|
color:#000; text-decoration:none;
|
|||
|
|
//clear:both;
|
|||
|
|
//margin:8px 20px 0 20px;
|
|||
|
|
}
|
|||
|
|
.searchkeywords .keyslist{
|
|||
|
|
// background:url(images/bg.gif) no-repeat -326px -35px;
|
|||
|
|
// padding-left:35px;
|
|||
|
|
// line-height:20px;
|
|||
|
|
// color:#ffba70;
|
|||
|
|
}
|
|||
|
|
.searchkeywords .keyslist a{
|
|||
|
|
// color:#ffba70;
|
|||
|
|
}
|
|||
|
|
.searchkeywords #ECS_CARTINFO{
|
|||
|
|
// position:relative; top:-2px; left:0px;
|
|||
|
|
// height:23px;
|
|||
|
|
// line-height:23px;
|
|||
|
|
// padding:0 5px 0 34px;
|
|||
|
|
// background:url(images/bg.gif) no-repeat 0 -77px;
|
|||
|
|
}
|
|||
|
|
.searchkeywords #ECS_CARTINFO a{
|
|||
|
|
// color:#000; text-decoration:underline;
|
|||
|
|
}
|
|||
|
|
.searchkeywords #ECS_CARTINFO a:hover{
|
|||
|
|
// color:#ff0000;
|
|||
|
|
// text-decoration:none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* ====================flash==================== */
|
|||
|
|
.flash{
|
|||
|
|
border:1px solid #e2e2e2;
|
|||
|
|
margin:0 8px 8px 0;
|
|||
|
|
width:530px;
|
|||
|
|
height:315px;
|
|||
|
|
}
|
|||
|
|
.flash img{
|
|||
|
|
display:block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.shop_notice{
|
|||
|
|
width:200px;
|
|||
|
|
height:315px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
border:1px solid #b7cad9;
|
|||
|
|
background:url(images/notice_bg.gif) repeat-x 0 0;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.shop_notice .content{
|
|||
|
|
background:url(images/notice_bg_1.gif) no-repeat center top;
|
|||
|
|
padding:75px 10px 10px 10px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================library==================== */
|
|||
|
|
.ur_here{
|
|||
|
|
height:30px;
|
|||
|
|
line-height:30px;
|
|||
|
|
width:960px;
|
|||
|
|
padding:0 20px;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
background:url(images/us_here.gif) no-repeat 0 0;
|
|||
|
|
clear: both;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ur_here a{
|
|||
|
|
text-decoration:underline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.brands{
|
|||
|
|
height:57px;
|
|||
|
|
width:998px;
|
|||
|
|
background:url(images/brands_bg.gif) repeat-x 0 0;
|
|||
|
|
border:1px solid #e2e2e2;
|
|||
|
|
margin:8px auto;
|
|||
|
|
}
|
|||
|
|
.brands .brandsList{
|
|||
|
|
background:url(images/brands_bg_1.gif) no-repeat 0 0;
|
|||
|
|
padding:8px 0 0 83px;
|
|||
|
|
height:49px;
|
|||
|
|
}
|
|||
|
|
.brands .brandsList img{
|
|||
|
|
width:78px;
|
|||
|
|
height:38px;
|
|||
|
|
border:1px solid #e2e2e2;
|
|||
|
|
margin:0 4px;
|
|||
|
|
}
|
|||
|
|
.brands .brandsMore{
|
|||
|
|
width:68px;
|
|||
|
|
height:57px;
|
|||
|
|
display:block;
|
|||
|
|
text-indent:-70px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/brands_bg_1.gif) no-repeat 0 -63px;
|
|||
|
|
}
|
|||
|
|
.brandsLogo{
|
|||
|
|
width:200px;
|
|||
|
|
padding-top:20px;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.brand_desc{
|
|||
|
|
width:500px;
|
|||
|
|
margin-left:10px;
|
|||
|
|
}
|
|||
|
|
.all_brand .goodsbox{
|
|||
|
|
width:250px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
border:1px solid #efefef;
|
|||
|
|
margin:0 1px 10px 1px;
|
|||
|
|
*margin:0 3px 10px 3px;
|
|||
|
|
}
|
|||
|
|
.all_brand .goodsbox .imgbox{
|
|||
|
|
width:250px;
|
|||
|
|
text-align:center;
|
|||
|
|
margin:8px 0;
|
|||
|
|
}
|
|||
|
|
.all_brand .goodsbox h4{
|
|||
|
|
background:#eae9e9;
|
|||
|
|
padding:3px 10px;
|
|||
|
|
font-weight:100;
|
|||
|
|
border:1px solid #fff;
|
|||
|
|
}
|
|||
|
|
.all_brand .goodsbox p{
|
|||
|
|
text-indent:20px;
|
|||
|
|
text-align:left;
|
|||
|
|
padding:5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.promotion_goods{
|
|||
|
|
padding:11px 10px;
|
|||
|
|
padding-bottom:7px\9;
|
|||
|
|
*padding:10px;
|
|||
|
|
_padding:8px 10px 7px 10px;
|
|||
|
|
}
|
|||
|
|
.promotion_goods .goodsbox{
|
|||
|
|
width:70px;
|
|||
|
|
}
|
|||
|
|
.promotion_goods .goodsbox .imgbox{
|
|||
|
|
width:70px;
|
|||
|
|
}
|
|||
|
|
.promotion_goods .goodsbox .imgbox img{
|
|||
|
|
width:60px;
|
|||
|
|
height:60px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.categories{
|
|||
|
|
border-bottom:1px solid #e2e2e2;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
padding-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.categories acronym{
|
|||
|
|
position:relative;top:-2px;
|
|||
|
|
*position:relative;top:-1px;
|
|||
|
|
}
|
|||
|
|
.categoriesTit{
|
|||
|
|
background:url(images/text_bg.gif) no-repeat 0 0;
|
|||
|
|
text-indent:-140px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#top10 li{
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
#top10 li .first{
|
|||
|
|
border-bottom:1px solid #e2e2e2;
|
|||
|
|
padding-bottom:5px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
#top10 li .last{
|
|||
|
|
border-bottom:1px solid #e2e2e2;
|
|||
|
|
padding-bottom:5px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
#top10 li.cur .first{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
#top10 li.cur .last{
|
|||
|
|
display:block;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#top10 li .last .left img{
|
|||
|
|
width:65px;
|
|||
|
|
height:65px;
|
|||
|
|
border:1px solid #828080;
|
|||
|
|
margin-right:8px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#ECS_ORDER_QUERY form{
|
|||
|
|
display:inline;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*分類下的,品牌下的商品*/
|
|||
|
|
#CatGoods .goodsbox,#BrandGoods .goodsbox,.releate_goods .goodsbox{
|
|||
|
|
border:1px solid #efefef;
|
|||
|
|
margin:0 1px 10px 1px;
|
|||
|
|
*margin:0 3px 10px 3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*精品，新品，熱賣*/
|
|||
|
|
.recommendTit{
|
|||
|
|
float:right;
|
|||
|
|
margin:5px 20px 0 0;
|
|||
|
|
_margin:5px 10px 0 0;
|
|||
|
|
}
|
|||
|
|
.recommendTit h2{
|
|||
|
|
float:left;
|
|||
|
|
position:relative;
|
|||
|
|
height:26px;
|
|||
|
|
line-height:26px;
|
|||
|
|
padding:0 15px;
|
|||
|
|
margin-left:-2px;
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 -261px;
|
|||
|
|
}
|
|||
|
|
.recommendTit h2 span{
|
|||
|
|
width:3px;
|
|||
|
|
height:26px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
position:absolute; right:0px; _right:-1px; top:0px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -347px -261px;
|
|||
|
|
}
|
|||
|
|
.recommendTit .h2bg{
|
|||
|
|
background:url(images/h2bg.gif) no-repeat center right;
|
|||
|
|
color:#666769;
|
|||
|
|
}
|
|||
|
|
.recommendTit .h2bg a{
|
|||
|
|
color:#666769;
|
|||
|
|
}
|
|||
|
|
.recommendTit .h2bg span{
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.recommendTit .more{
|
|||
|
|
display:block;
|
|||
|
|
float:left;
|
|||
|
|
height:19px;
|
|||
|
|
width:55px;
|
|||
|
|
margin:3px 0 0 15px;
|
|||
|
|
text-indent:-56px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
background:url(images/bg.gif) no-repeat -295px -143px;
|
|||
|
|
}
|
|||
|
|
.recommendContent{
|
|||
|
|
padding:20px 15px 0 15px;
|
|||
|
|
}
|
|||
|
|
.groupContent{
|
|||
|
|
padding:20px 10px 10px 13px;
|
|||
|
|
*padding:20px 10px 10px 10px;
|
|||
|
|
}
|
|||
|
|
.recommendContent .goodsbox,.groupContent .goodsbox,.grid .goodsbox,.floatTable .goodsbox{
|
|||
|
|
border:1px solid #efefef;
|
|||
|
|
margin:0 10px 10px 0;
|
|||
|
|
*margin:0 3px 10px 3px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.help{
|
|||
|
|
padding:10px 10px 0 10px;
|
|||
|
|
*padding:10px 10px 0 40x;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.help .goodsbox{
|
|||
|
|
width:186px;
|
|||
|
|
margin-bottom:15px;
|
|||
|
|
text-align:left;
|
|||
|
|
border-right:1px dashed #ebe8e8;
|
|||
|
|
}
|
|||
|
|
.help .goodsbox .helpTit{
|
|||
|
|
width:136px;
|
|||
|
|
height:19px;
|
|||
|
|
padding-left:20px;
|
|||
|
|
background:url(images/help_bg.gif) no-repeat 0 0;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
color:#fff;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.help .goodsbox .helpList{
|
|||
|
|
padding-left:20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ======友情鏈接 ====== */
|
|||
|
|
.links{
|
|||
|
|
background: #FFF;
|
|||
|
|
width:978px;
|
|||
|
|
padding:10px;
|
|||
|
|
border:1px solid #e2e2e2;
|
|||
|
|
//margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.links img{
|
|||
|
|
// width:88px;
|
|||
|
|
// height:33px;
|
|||
|
|
margin:3px 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================goods.dwt==================== */
|
|||
|
|
.goodsName{
|
|||
|
|
border-bottom:2px solid #d9d9d9;
|
|||
|
|
margin:10px 0;
|
|||
|
|
padding-bottom:10px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:16px;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
.goodsName .prev{
|
|||
|
|
position:absolute; right:10px; top:6px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.goodImg{
|
|||
|
|
width:329px;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
.goodImg .imgInfo{
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
height:300px;
|
|||
|
|
width:300px;
|
|||
|
|
line-height:300px;
|
|||
|
|
text-align:center;
|
|||
|
|
margin:0px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
.goodImg .imgInfo img{
|
|||
|
|
*margin-top: expression(( 300 - this.height ) / 2);
|
|||
|
|
text-align:center;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
}
|
|||
|
|
.goodImg .collect{
|
|||
|
|
width:27px;
|
|||
|
|
height:128px;
|
|||
|
|
background:url(images/bg.gif) no-repeat 0 -296px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
cursor:pointer;
|
|||
|
|
text-indent:-330px;
|
|||
|
|
position:absolute; top:0px; right:0px; _right:-1px;
|
|||
|
|
}
|
|||
|
|
.goodImg .picture{
|
|||
|
|
background:#f7f5f5;
|
|||
|
|
margin-top:10px;
|
|||
|
|
text-align:left;
|
|||
|
|
padding-left:10px;
|
|||
|
|
}
|
|||
|
|
.goodImg .picture img{
|
|||
|
|
width:46px;
|
|||
|
|
height:46px;
|
|||
|
|
cursor:pointer;
|
|||
|
|
margin:0 3px;
|
|||
|
|
}
|
|||
|
|
.goodImg .picture img.onbg{
|
|||
|
|
background:url(images/bg_pic.gif) no-repeat 0 0;
|
|||
|
|
padding:8px 2px 2px 2px;
|
|||
|
|
}
|
|||
|
|
.goodImg .picture img.autobg{
|
|||
|
|
background:url(images/bg_pic_1.gif) no-repeat 0 0;
|
|||
|
|
padding:8px 2px 2px 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.goodTextInfo{
|
|||
|
|
width:380px;
|
|||
|
|
padding-left:10px;
|
|||
|
|
font-size:14px;
|
|||
|
|
line-height:24px;
|
|||
|
|
color:#424242;
|
|||
|
|
}
|
|||
|
|
.Goodpromotion{
|
|||
|
|
background:#f6f6f6;
|
|||
|
|
border:1px solid #e8e8e8;
|
|||
|
|
padding:8px;
|
|||
|
|
margin:5px 0;
|
|||
|
|
}
|
|||
|
|
/*tag*/
|
|||
|
|
.goodsTagTit{
|
|||
|
|
border-bottom:2px solid #cb4124;
|
|||
|
|
padding:0 20px;
|
|||
|
|
margin-top:20px;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit h2{
|
|||
|
|
height:28px;
|
|||
|
|
line-height:30px;
|
|||
|
|
position:relative; top:2px; _top:4px;
|
|||
|
|
float:left;
|
|||
|
|
padding:0 15px;
|
|||
|
|
margin:0 3px;
|
|||
|
|
border-top:2px solid #cb4124;
|
|||
|
|
background:#fff;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit h2 span,.goodsTagTit .h2bg span{
|
|||
|
|
display:block;
|
|||
|
|
height:30px;
|
|||
|
|
width:6px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit h2 span.L{
|
|||
|
|
background:url(images/bg.gif) no-repeat -158px 0;
|
|||
|
|
position:absolute; left:0px; top:-2px;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit h2 span.R{
|
|||
|
|
background:url(images/bg.gif) no-repeat -165px 0;
|
|||
|
|
position:absolute; right:0px; top:-2px;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit .h2bg span.L{
|
|||
|
|
background:url(images/bg.gif) no-repeat -174px 0;
|
|||
|
|
position:absolute; left:0px; top:0px;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit .h2bg span.R{
|
|||
|
|
background:url(images/bg.gif) no-repeat -181px 0;
|
|||
|
|
position:absolute; right:0px; top:0px;
|
|||
|
|
}
|
|||
|
|
.goodsTagTit .h2bg{
|
|||
|
|
height:30px;
|
|||
|
|
border:none;
|
|||
|
|
background:url(images/goodTag_bg.gif) repeat-x 0 0;
|
|||
|
|
}
|
|||
|
|
#com_v{
|
|||
|
|
padding:10px 0 30px 0;
|
|||
|
|
}
|
|||
|
|
.goodsTitle{
|
|||
|
|
line-height:28px;
|
|||
|
|
font-weight:bold;
|
|||
|
|
font-size:14px;
|
|||
|
|
padding:0 20px;
|
|||
|
|
background:url(images/title_bg_3.gif) repeat-x 0 0;
|
|||
|
|
}
|
|||
|
|
/*屬性相關的商品*/
|
|||
|
|
.attribute ul{
|
|||
|
|
border-bottom:1px dashed #e8e8e8;
|
|||
|
|
margin-bottom:6px;
|
|||
|
|
}
|
|||
|
|
.attribute li{
|
|||
|
|
float:left;
|
|||
|
|
*padding-bottom:5px;
|
|||
|
|
}
|
|||
|
|
.attribute li.goodsimg{
|
|||
|
|
margin-right:8px;
|
|||
|
|
}
|
|||
|
|
.attribute li.goodsimg img{
|
|||
|
|
width:45px;
|
|||
|
|
height:45px;
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
}
|
|||
|
|
#clear_history{
|
|||
|
|
border:none;
|
|||
|
|
text-align:right;
|
|||
|
|
}
|
|||
|
|
#clear_history a{
|
|||
|
|
cursor:pointer;
|
|||
|
|
}
|
|||
|
|
/*評論*/
|
|||
|
|
.commentsTit{
|
|||
|
|
border-top:1px dashed #e1ebfa;
|
|||
|
|
border-bottom:1px dashed #e1ebfa;
|
|||
|
|
background:#f8fbff;
|
|||
|
|
height:28px;
|
|||
|
|
line-height:28px;
|
|||
|
|
padding:0 15px;
|
|||
|
|
margin:10px 0;
|
|||
|
|
position:relative;
|
|||
|
|
}
|
|||
|
|
.commentsTit span{
|
|||
|
|
position:absolute; right:10px;
|
|||
|
|
color:#9c9a9f;
|
|||
|
|
}
|
|||
|
|
.commentsTit img{
|
|||
|
|
position:relative;top:3px;
|
|||
|
|
}
|
|||
|
|
.commentsContent{
|
|||
|
|
text-indent:20px;
|
|||
|
|
}
|
|||
|
|
.re_content{
|
|||
|
|
text-indent:0px;
|
|||
|
|
background:#f7f9f4;
|
|||
|
|
border:1px solid #eef9df;
|
|||
|
|
padding:10px;
|
|||
|
|
margin:10px 0;
|
|||
|
|
}
|
|||
|
|
.captcha{
|
|||
|
|
padding-left:12px;
|
|||
|
|
}
|
|||
|
|
.captcha input{
|
|||
|
|
position:relative; left:5px;
|
|||
|
|
}
|
|||
|
|
.captcha img{
|
|||
|
|
position:relative; top:5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================category.dwt==================== */
|
|||
|
|
.modContent .screeBox{
|
|||
|
|
padding:5px 0;
|
|||
|
|
border-bottom:1px dashed #ebeaea;
|
|||
|
|
}
|
|||
|
|
.modContent .screeBox span{
|
|||
|
|
padding:3px 5px;
|
|||
|
|
background:#8e021d;
|
|||
|
|
color:#fff;
|
|||
|
|
}
|
|||
|
|
.sort{
|
|||
|
|
font-size:12px;
|
|||
|
|
font-weight:100;
|
|||
|
|
line-height:28px;
|
|||
|
|
vertical-align:middle;
|
|||
|
|
margin-top:3px;
|
|||
|
|
margin-top:1px\9;
|
|||
|
|
}
|
|||
|
|
.sort select{
|
|||
|
|
_margin-top:3px;
|
|||
|
|
}
|
|||
|
|
.cateGoodList ul{
|
|||
|
|
border-bottom:1px solid #efeeee;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.cateGoodList li{
|
|||
|
|
float:left;
|
|||
|
|
padding:5px 0;
|
|||
|
|
}
|
|||
|
|
.cateGoodList li.thumb{
|
|||
|
|
margin-right:10px;
|
|||
|
|
}
|
|||
|
|
.cateGoodList li.thumb img{
|
|||
|
|
width:60px;
|
|||
|
|
height:60px;
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
}
|
|||
|
|
.cateGoodList li.goodsText{
|
|||
|
|
width:300px;
|
|||
|
|
margin-right:20px;
|
|||
|
|
}
|
|||
|
|
.cateGoodList li.action{
|
|||
|
|
float:right;
|
|||
|
|
}
|
|||
|
|
/*pages*/
|
|||
|
|
.pagebar{padding:12px 12px; text-align:right;}
|
|||
|
|
.pagebar form{margin:10px auto; text-align:right;}
|
|||
|
|
.pagebar .page_now{color:#fff; font-weight:bold; padding:4px 6px; background:#4398ce}
|
|||
|
|
.pagebar a{border:1px solid #ccc; padding:3px 5px;}
|
|||
|
|
|
|||
|
|
/* ====================團購，拍賣，奪寶奇兵==================== */
|
|||
|
|
.group_buy_list{
|
|||
|
|
border-bottom:1px solid #ccc;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
padding-bottom:10px;
|
|||
|
|
}
|
|||
|
|
.group_buy_list .groupImg{
|
|||
|
|
border:1px solid #efeeee;
|
|||
|
|
padding:20px;
|
|||
|
|
margin-right:20px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================文章系列==================== */
|
|||
|
|
.articleTit{
|
|||
|
|
text-align:center;
|
|||
|
|
//font-family:"黑體";
|
|||
|
|
font-size:20px;
|
|||
|
|
color:#414141;
|
|||
|
|
font-weight:normal;
|
|||
|
|
border-bottom-color:#b60136;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
}
|
|||
|
|
.articleBox{
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
border-top:none;
|
|||
|
|
padding:20px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.author{
|
|||
|
|
position:relative;
|
|||
|
|
margin-bottom:15px;
|
|||
|
|
}
|
|||
|
|
.author .articleSize{
|
|||
|
|
position:absolute; top:0px; right:10px;
|
|||
|
|
}
|
|||
|
|
.articlePrev{
|
|||
|
|
margin-top:20px;
|
|||
|
|
padding:10px;
|
|||
|
|
border-top:1px dashed #d9d9d9;
|
|||
|
|
}
|
|||
|
|
.articleRelated{
|
|||
|
|
padding-left:12px;
|
|||
|
|
}
|
|||
|
|
.articleRelated .goodsbox{
|
|||
|
|
width:220px;
|
|||
|
|
border:1px solid #efefef;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.articleSearch{
|
|||
|
|
float:right;
|
|||
|
|
margin:3px 10px 0 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ====================購物流程==================== */
|
|||
|
|
.steps1,.steps2,.steps3{
|
|||
|
|
width:1000px;
|
|||
|
|
height:38px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
overflow:hidden;
|
|||
|
|
text-indent:-999999px;
|
|||
|
|
}
|
|||
|
|
.steps1{
|
|||
|
|
background:url(images/steps.gif) no-repeat 0 0;
|
|||
|
|
}
|
|||
|
|
.steps2{
|
|||
|
|
background:url(images/steps.gif) no-repeat 0 -40px;
|
|||
|
|
}
|
|||
|
|
.steps3{
|
|||
|
|
background:url(images/steps.gif) no-repeat 0 -81px;
|
|||
|
|
}
|
|||
|
|
.floatTable{
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
}
|
|||
|
|
.orderSuccess{
|
|||
|
|
padding:20px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
border:2px solid #b60037;
|
|||
|
|
}
|
|||
|
|
.orderSuccess .order_sn{
|
|||
|
|
// font-family:"黑體";
|
|||
|
|
font-weight:normal;
|
|||
|
|
font-size:18px;
|
|||
|
|
margin:8px 0;
|
|||
|
|
}
|
|||
|
|
.orderSuccess .shipping_name{
|
|||
|
|
line-height:24px;
|
|||
|
|
padding-left:30px;
|
|||
|
|
}
|
|||
|
|
.orderSuccess p{
|
|||
|
|
margin-top:20px;
|
|||
|
|
text-align:center;
|
|||
|
|
}
|
|||
|
|
.orderSuccess p a{
|
|||
|
|
text-decoration:underline;
|
|||
|
|
color:#295ad0;
|
|||
|
|
}
|
|||
|
|
.step_login{
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
width:478px;
|
|||
|
|
height:300px;
|
|||
|
|
padding:5px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.user_login{
|
|||
|
|
width:978px;
|
|||
|
|
border:1px solid #ccc;
|
|||
|
|
margin-bottom:0px;
|
|||
|
|
padding:10px;
|
|||
|
|
background:#fbfbfb;
|
|||
|
|
}
|
|||
|
|
.step_login h4,.user_login h4{
|
|||
|
|
background:#d53a3e;
|
|||
|
|
line-height:28px;
|
|||
|
|
padding:0 10px;
|
|||
|
|
margin-bottom:15px;
|
|||
|
|
text-align:left;
|
|||
|
|
color:#fff;
|
|||
|
|
border-bottom:3px solid #e4e4e4;
|
|||
|
|
}
|
|||
|
|
.step_login h4.h4bg{
|
|||
|
|
background:#5c5c5c;
|
|||
|
|
}
|
|||
|
|
/* ====================用戶中心==================== */
|
|||
|
|
.userMenu ul{
|
|||
|
|
margin-left:20px;
|
|||
|
|
}
|
|||
|
|
.userMenu li{
|
|||
|
|
background:url(images/bg.gif) no-repeat -346px 0px;
|
|||
|
|
line-height:24px;
|
|||
|
|
padding-left:10px;
|
|||
|
|
font-size:14px;
|
|||
|
|
}
|
|||
|
|
.userMenu li a.curs{
|
|||
|
|
font-weight:bold;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.us_contentBox{
|
|||
|
|
border:1px solid #d8d8d8;
|
|||
|
|
border-top:2px solid #cc4124;
|
|||
|
|
padding:10px;
|
|||
|
|
margin-bottom:8px;
|
|||
|
|
}
|
|||
|
|
.us_contentBox h6{
|
|||
|
|
height:25px;
|
|||
|
|
line-height:25px;
|
|||
|
|
background:url(images/bg.gif) no-repeat -249px -372px;
|
|||
|
|
background-color:#efefef;
|
|||
|
|
padding:0 20px;
|
|||
|
|
margin-bottom:10px;
|
|||
|
|
}
|
|||
|
|
.us_notice{
|
|||
|
|
border:1px solid #d2e2f2;
|
|||
|
|
background:#f8fbff;
|
|||
|
|
padding:10px;
|
|||
|
|
text-indent:20px;
|
|||
|
|
margin:10px 0;
|
|||
|
|
}
|
|||
|
|
.default{
|
|||
|
|
padding:20px;
|
|||
|
|
line-height:24px;
|
|||
|
|
min-height:345px;
|
|||
|
|
_height:345px;
|
|||
|
|
}
|
|||
|
|
.close{
|
|||
|
|
border:2px solid #fe8802; float:left; background:#fffae7; margin-top:8px; padding:20px 8px 10px 10px; width:265px; position:relative;
|
|||
|
|
display:none;
|
|||
|
|
}
|
|||
|
|
.close a{
|
|||
|
|
text-decoration:underline;
|
|||
|
|
}
|
|||
|
|
.close a:hover{
|
|||
|
|
text-decoration:none;
|
|||
|
|
}
|
|||
|
|
.close span{
|
|||
|
|
display:block; width:14px; height:14px; overflow:hidden; background:url(images/close.gif) no-repeat 0 0;
|
|||
|
|
position:absolute; top:3px; right:5px; cursor:pointer;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.usBox_1{background:#fff; text-align:left; width:560px; }
|
|||
|
|
|
|||
|
|
.usTxt{ float:right;padding: 3px;
|
|||
|
|
border: solid 1px #e4e4e4;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ======商品比較浮動塊 ====== */
|
|||
|
|
#compareBox {
|
|||
|
|
width:128px;
|
|||
|
|
background:url(images/compareBg.gif) no-repeat top center;
|
|||
|
|
background-color:#edf8ff;
|
|||
|
|
padding:35px 0 8px 0;
|
|||
|
|
border: 1px solid #c5e4ff;
|
|||
|
|
position: absolute;
|
|||
|
|
right:1px;
|
|||
|
|
top:200px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#compareBox input {
|
|||
|
|
width:52px; height:13px;
|
|||
|
|
border:none;
|
|||
|
|
background:url(images/compareSub.gif) no-repeat;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#compareList {
|
|||
|
|
margin:0px 0px 8px 0px;
|
|||
|
|
padding:0px;
|
|||
|
|
width:120px;
|
|||
|
|
background:#FFFFFF;
|
|||
|
|
border:1px solid #d6ecff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#compareList li {
|
|||
|
|
color: #333;
|
|||
|
|
text-align:left;
|
|||
|
|
background: #fff;
|
|||
|
|
padding: 3px 5px;
|
|||
|
|
margin: 3px 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
#compareList li img {
|
|||
|
|
float:right;
|
|||
|
|
padding-top:4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/*購物車提示點擊更新按鈕式樣2.6.2版本添加*/
|
|||
|
|
.messageli {
|
|||
|
|
list-style-type:none;
|
|||
|
|
padding:5px;
|
|||
|
|
color:red;
|
|||
|
|
}
|
|||
|
|
.messagediv {
|
|||
|
|
font-size:12px;
|
|||
|
|
position:absolute;
|
|||
|
|
border:1px solid #FFD700;
|
|||
|
|
text-align:center;
|
|||
|
|
padding:5px;
|
|||
|
|
background-color:#FFFACD;
|
|||
|
|
filter:alpha(opacity=50);
|
|||
|
|
-moz-opacity:0.7;
|
|||
|
|
opacity: 0.7;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 積分兌換樣式修改 */
|
|||
|
|
.point li{
|
|||
|
|
float:left;
|
|||
|
|
width:300px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* QQ客服 */
|
|||
|
|
|
|||
|
|
.QQbox{ z-index:99; width: 170px; right: 3px; top: 145px; position: absolute;}
|
|||
|
|
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
|
|||
|
|
.QQbox .Qlist{ left: 0; width: 170px; background: url(siderIM_bg.gif) padding:5px;}
|
|||
|
|
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
|
|||
|
|
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image: url(images/siderIM_infobox.gif); background-repeat:no-repeat; padding:5px; line-height:14px; color:#000;
|
|||
|
|
font-weight:700;}
|
|||
|
|
.QQbox .Qlist .t{ background:url(images/siderIM_title.gif); height:34px;}
|
|||
|
|
.QQbox .Qlist .b{ background:url(images/siderIM_bottom.gif); height:9px; overflow:hidden; }
|
|||
|
|
.QQbox .Qlist .con{ background: url(images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
|
|||
|
|
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; border: 1px solid #3a708d; text-align: center; color:#fff;}
|
|||
|
|
.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 15px; }
|
|||
|
|
|
|||
|
|
/*QQ END*/
|
|||
|
|
|
|||
|
|
/* Flash首頁主廣告輪播替換為Js輪播 - www.blake.tw */
|
|||
|
|
#picBox{width:530px; height:315px; overflow:hidden; position:relative; z-index:999;border:0px solid #CCCCCC;}
|
|||
|
|
#picBox1{width:530px; height:30px; overflow:hidden; position:relative; z-index:999;border:0px solid #CCCCCC;}
|
|||
|
|
#picBox ul#show_pic{height:260px; width:3550px; position:absolute;}
|
|||
|
|
#picBox ul#show_pic li{ float:left; height:260px;}
|
|||
|
|
#picBox ul#show_pic li img{ display:block; width:710px;height:260px}
|
|||
|
|
#icon_num{ position:absolute; bottom:0px; left:0px;width:710px; height: 30px; overflow:hidden; padding-right:0px;}
|
|||
|
|
#icon_num li {float:left;background:#cccccc;filter:alpha(opacity=80); /* IE 透明度20% */-moz-opacity:0.8; /* Moz FF 透明度10%*/opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）透明度10%*/ font-weight:bold;color:#777; border:1px #ccc solid;cursor:pointer;width:140px; line-height:30px;text-align:center; font-size:13px; background:#cccccc;}
|
|||
|
|
#icon_num li:hover,#icon_num li.active{background:url(images/tab_arrow_down.gif) #7d7d7d no-repeat center -1px; color:#fff; text-align:center}
|
|||
|
|
/*end*/
|
|||
|
|
|
|||
|
|
.myButton {
|
|||
|
|
-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
|
|||
|
|
-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
|
|||
|
|
box-shadow:inset 0px 1px 0px 0px #54a3f7;
|
|||
|
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
|
|||
|
|
background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
|
|||
|
|
background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
|
|||
|
|
background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
|
|||
|
|
background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
|
|||
|
|
background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
|
|||
|
|
background-color:#007dc1;
|
|||
|
|
-moz-border-radius:3px;
|
|||
|
|
-webkit-border-radius:3px;
|
|||
|
|
border-radius:3px;
|
|||
|
|
border:1px solid #124d77;
|
|||
|
|
display:inline-block;
|
|||
|
|
cursor:pointer;
|
|||
|
|
color:#ffffff;
|
|||
|
|
font-size:14px;
|
|||
|
|
padding:7px 4px;
|
|||
|
|
text-decoration:none;
|
|||
|
|
text-shadow:0px 1px 0px #154682;
|
|||
|
|
}
|
|||
|
|
.myButton:hover {
|
|||
|
|
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
|
|||
|
|
background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
|
|||
|
|
background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
|
|||
|
|
background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
|
|||
|
|
background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
|
|||
|
|
background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
|
|||
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
|
|||
|
|
background-color:#0061a7;
|
|||
|
|
}
|
|||
|
|
.myButton:active {
|
|||
|
|
position:relative;
|
|||
|
|
top:1px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/***跑馬燈***/
|
|||
|
|
#wrapper_news {
|
|||
|
|
padding: 0px 0px 0px;
|
|||
|
|
margin: 0 auto;
|
|||
|
|
width: 1000 px;
|
|||
|
|
font-size: 0.9em;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.time {
|
|||
|
|
background: #f11d43; /* Old browsers */
|
|||
|
|
background: -moz-linear-gradient(top, #f11d43 0%, #1f2c39 100%); /* FF3.6-15 */
|
|||
|
|
background: -webkit-linear-gradient(top, #f11d43 0%, #1f2c39 100%); /* Chrome10-25,Safari5.1-6 */
|
|||
|
|
background: linear-gradient(to bottom, #f11d43 0%, #1f2c39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f11d43', endColorstr='#1f2c39', GradientType=0 ); /* IE6-9 */
|
|||
|
|
float: left;
|
|||
|
|
width: 162px;
|
|||
|
|
height: 35px;
|
|||
|
|
line-height: 33px;
|
|||
|
|
text-align: center;
|
|||
|
|
color: #ffcf00;
|
|||
|
|
border: 1px solid #344b63;
|
|||
|
|
}
|
|||
|
|
.news {
|
|||
|
|
background: #f11d43; /* Old browsers */
|
|||
|
|
background: -moz-linear-gradient(top, #1f2c39 0%, #f11d43 100%); /* FF3.6-15 */
|
|||
|
|
background: -webkit-linear-gradient(top, #1f2c39 0%, #f11d43 100%); /* Chrome10-25,Safari5.1-6 */
|
|||
|
|
background: linear-gradient(to bottom, #1f2c39 0%, #f11d43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|||
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2c39', endColorstr='#f11d43', GradientType=0 ); /* IE6-9 */
|
|||
|
|
float: right;
|
|||
|
|
width: 814px;
|
|||
|
|
height: 35px;
|
|||
|
|
line-height: 33px;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
text-align: left;
|
|||
|
|
color: #fff;
|
|||
|
|
letter-spacing: 0.2em;
|
|||
|
|
border: 1px solid #344b63;
|
|||
|
|
}
|
|||
|
|
.news a {
|
|||
|
|
color: #fff;
|
|||
|
|
}
|