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; }