/* Template Name: 星僑網路書店 Template URI: http://www.ncc.com.tw/book Description: 星僑網路書店咖啡色樣式. Version: 2.7.0 Author: AlienChen Author URI: http://www.ncc.com.tw/ Logo filename: logo.gif Template Type: typeyellow_0 */ /* ==================== 公共樣式 ==================== */ body{background:#fff; font-size:12px; font-family: "Sans-Serif", Verdana, Arial; line-height:150%; margin:5px 0 0 0; padding:0; color:#404040;} 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; } a.blink{color:#005AE1; text-decoration:none;} a.blink:hover{color:#af4a0e;} .block{ width:960px; height:auto; } .f_l{float:left;} .f_r{float:right;} .tl{ text-align:left;} .tc{ text-align:center;} .tr{ text-align:right;} .dis{display:block;} .inline{display:inline;} .none{display:none;} .dashed{background:url(images/lineBg.gif) repeat-x left top; color:#3f3f3f; padding:2px 0 3px 12px;} .lh {line-height:24px;} .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } /*英文強制換行*/ .word{word-break:break-all;} /*邊框*/ .B_blue{border:1px solid #f0e3de;} .B_input{border:1px solid #ff5d00; background:url(images/yellow/inputbg.gif) repeat-x left top;} .inputBg{border:1px solid #FFCD5A; background:url(images/yellow/inputbg.gif) repeat-x left top; height:18px;} /*字體顏色*/ .f1{color:#ff6666;} .f2{color:#006bd0; font-weight:bold; margin-right:15px;} .f3{color:#005AE1;} .f4{color:#f73e00;} .f4_b{color:#f73e00; font-weight:bold;} .f5{ font-size:15px; font-weight:bold; font-family: "Microsoft JhengHei", "Microsoft YaHei", SimHei, Sans-Serif;} .f6{color:#af4a0e;} h3.f5{ background: none; text-align: left; margin: 0; padding:0; font-size:21px; font-weight:lighter; font-family: "Microsoft JhengHei", "Microsoft YaHei", SimHei, Sans-Serif;} .market{ font-size:13px;/* text-decoration:line-through;*/} .shop{color:#f73e00; font-weight:600;} .market_s{/*text-decoration:line-through;*/} .shop_s{color:#f73e00;} .row1{background:#fff;} .row2{background:#F8F7F3;} /*按鈕部分*/ .bnt_blue{ background:url(images/yellow/bg.gif) no-repeat 0px 0px; width:52px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } .bnt_blue2{ background:url(images/yellow/bg.gif) no-repeat -56px 0px; width:52px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } .bnt_blue:hover{ background:url(images/yellow/bg.gif) no-repeat -154px 0px; width:52px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } .bnt_gray_1{ background:url(images/yellow/bg.gif) no-repeat 0px -763px; width:77px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; } .bnt_blue_1{ background:url(images/yellow/bg.gif) no-repeat 0px -663px; width:77px; height:21px; text-align:center; line-height:21px; color:#FFFFBC; border:none; cursor:pointer; } .bnt_blue_1:hover{ background:url(images/yellow/bg.gif) no-repeat -154px -663px; width:77px; color:#fff; } .bnt_blue_2{ background:url(images/yellow/bg.gif) no-repeat 0px -696px; width:139px; height:21px; text-align:center; line-height:21px; color:#FFFFBC; border:none; cursor:pointer; } .bnt_blue_2:hover{ background:url(images/yellow/bg.gif) no-repeat -154px -696px; color:#fff; } /* 付款顯著按鈕 */ .ezship{ background: #fff url(images/bnt_ezship.png) no-repeat 0 0; width: 250px; height: 80px; border:0; cursor: pointer; } .gw_ecpay{ background: #fff url(images/bnt_gw_ecpay.png) no-repeat 0 0; width: 250px; height: 80px; border:0; cursor: pointer; } .cod{ background: #fff url(images/bnt_cod.png) no-repeat 0 0; width: 250px; height: 80px; border:0; cursor: pointer; } .paypal{ background: #fff url(images/bnt_paypal.png) no-repeat 0 0; width: 250px; height: 80px; border:0; cursor: pointer; } .bank{} .bank_cn{} .bank_hk{} .post{} .ecbank_webatm{ background: #fff url(images/bnt_ecbank_webatm.png) no-repeat 0 0; width: 250px; height: 80px; border:0; cursor: pointer; } .gw_ecpay{} .bnt_bonus{ background:url(images/yellow/bg.gif) no-repeat -56px 0px; width:52px; height:21px; text-align:center; line-height:21px; color:#fff; border:none; cursor:pointer; } .bnt_bonus:hover{background:url(images/yellow/bg.gif) no-repeat -210px 0px;} /*模塊容器*/ .box{background:#FFFBE1; padding-bottom:2px; overflow:hidden;} .box_1{border:1px solid #ffcd5a; background-color:#fff;} .box_2{border:1px solid #ffcd5a; background:url(images/yellow/box_2Bg.gif) repeat-x top left; background-color:#fffff1; overflow:hidden; } .box div.allcata{text-align:right; width: auto; padding-right: 5px;background: #FFF9E9;} .box div.allcata a{color:#005AE1; background:url(images/yellow/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; text-decoration:none;} .boxCenterList{padding:8px;} /* Add By Alien Start */ .LeftBox{background:#f1f1f1; padding-bottom:2px; overflow:hidden;} .LeftBox ul.clearfix{background:url(images/lineBg.gif) repeat-x left bottom;} .LeftBox ul.row2{background:none;} .LeftBox li.goodsimg{float:left; margin: 3px;} .LeftBox .boxCenterList a{color:#005AE1; font-size: 13px;} /* Add By Alien End */ /*模塊標題*/ h3{height:33px; line-height:33px; font-size:12px; background:url(images/yellow/h3title.gif) repeat-x left top; text-align:right; padding:0 12px; font-weight:100; } h3.border{border:1px solid #ffcd5a; border-bottom:none;} h3 img{position:relative; top:7px;} h3 span{float:left; background:url(images/yellow/bg.gif) no-repeat 0px -570px;width:auto; height:33px; line-height:33px; text-align:left; font-weight:bold; color:#af4a0e; padding-left:12px;} h3.payment_way{text-align: left; font-size: 15px;color:#0080FF;font-weight: bold;} h5{height:26px; line-height:26px; text-align:right; background-color:#fff3d4; font-size:12px; color:#af4a0e; padding:0 10px 0 0; } h5 span{float:left; font-weight:bold; background:url(images/yellow/bg.gif) no-repeat 0 -616px; padding-left:25px;} h6{height:23px; line-height:23px; text-align:right; font-size:12px; background:#ffe7af; color:#af4a0e; border:1px solid #fff; padding-right:10px; } h6 span{float:left; padding-left:15px;} /*頁面留白*/ .blank{height:8px; line-height:8px; clear:both; visibility:hidden;} .blank5{height:5px; line-height:5px;/* _margin:-3px 0;*/ clear:both; visibility:hidden;} /*布局*/ .AreaL{width:200px; float:left; margin-right:10px !important; margin-right:8px;} .AreaR{width:750px; float:left;} /* ==================== 導航部分 ==================== */ /*頂部管理型導航*/ .log{height:50px;} .log li{float:left;} .log .userInfo{*margin-right:10px; /*width:300px;*/ text-align:left;} .log .userInfo a{color:#af4a0e; text-decoration:none;} .log li img{position:relative; top:5px;} #topNav{background:url(images/yellow/topNavBg.gif) no-repeat left top; height:31px; line-height:31px; color:#bebfc1; padding:0px 15px; margin:0px 10px; position:relative; } #topNav .topNavR{background:url(images/yellow/topNavR.gif) no-repeat; width:5px; height:31px; position:absolute; top:0px; right:0px; } #topNav a{color:#af4a0e; text-decoration:none;} /*頁面主導航*/ #mainNav{padding:0 25px; width:910px;font-size: 15px;} #mainNav a{display:block; height:26p; float:left; line-height:26px; text-align:center; padding:0 15px; background:url(images/yellow/NavBg.gif) no-repeat 0 -29px; position:relative; margin-right:2px; color:#af4a0e; text-decoration:none; } #mainNav a span{width:3px; height:26px; background:url(images/yellow/NavBg.gif) no-repeat 0 -88px; position:absolute; top:0px; right:0px; } #mainNav a:hover{display:block; height:26p; float:left; line-height:26px; text-align:center; padding:0 15px; background:url(images/yellow/NavBg.gif) no-repeat 0 0; position:relative; margin-right:2px; color:#FFF; text-decoration:none; } #mainNav .cur{display:block; height:26p; float:left; line-height:26px; text-align:center; padding:0 15px; background:url(images/yellow/NavBg.gif) no-repeat 0 0; position:relative; margin-right:2px; color:#FFF; text-decoration:none; font-weight:bold; } #mainNav a:hover span,#mainNav .cur span{width:3px; height:26px; background:url(images/yellow/NavBg.gif) no-repeat 0 -59px; position:absolute; top:0px; right:0px; } /*搜索*/ #search{border:1px solid #e97523; background:url(images/yellow/searchBg.gif) repeat-x left top; width:918px; padding:0px 20px; height:36px; line-height:36px; } #search a{color:#fff; text-decoration:none;} #search .keys{background:url(images/yellow/bg.gif) no-repeat 0 -28px; color:#fff; padding-left:40px; } #search .go{background:url(images/yellow/bnt_search.gif); border:none; width:52px; height:19px; position:relative; top:4px; _top:-1px;/* utf8下*/} /*當前位置*/ #ur_here{border:1px solid #ffcd5a; border-top:none; background:url(images/yellow/uh_bg.gif) repeat-x left top; height:24px; line-height:24px; padding:0 12px; } .tree_box {border:1px solid #ffcd5a; border-top:none; background:url(images/yellow/uh_bg.gif) repeat-x left top; line-height:19px; padding:0 12px;} #ur_here a,.tree_box a{color:#af4a0e; text-decoration:none;} /* ==================== 模塊 ==================== */ /*購物車*/ .cart{background:url(images/yellow/catBg.gif) no-repeat left top; padding:15px 10px 15px 50px; color:#af4a0e; height:50px; _padding:12px 10px 15px 50px; } .cart a{color:#005AE1; text-decoration:none;} .cart a:hover{color:#ff6600;} /*商品分類*/ #category_tree{border:4px solid #fff9e9; background-color:#fff;} #category_tree dl{margin:6px;display:table;} #category_tree dt{background:url(images/lineBg.gif) repeat-x left bottom; color:#3f3f3f; padding:2px 0 3px 0px;width:180px;padding:0; } #category_tree dt a{background:url(images/yellow/bg.gif) no-repeat 0 -67px; color:#3f3f3f; padding-left:15px; text-decoration:none; font-size: 15px;display: block; } #category_tree dd{padding:2px 0 0 2px;margin:1px;background:url(images/yellow/bg.gif) no-repeat 15px -62px; width:47.6%;float:left;text-align:center;} #category_tree dd.child{padding:2px 0 0 2px;} #category_tree dd a{color:#404040; text-decoration:none; font-size: 13px;display:block;} #category_tree dd a:hover{color:#ff6600; text-decoration:none;} #category_tree dd.row1{background:#fff;} #category_tree dd.nccsofts{background:#FEF4D1;clear:both;display:block;width:176px;} #category_tree dd.row2{background:#F8F7F3;} /*銷售排行*/ .top10Tit{background:url(images/yellow/bg.gif) no-repeat 0px -85px; height:30px;} .top10List{border:1px solid #f0e3de; background-color:#fff; margin:0px 4px 4px 4px;} .top10List ul{border-bottom:1px solid #f0e3de; position:relative;} .top10List .iteration{position:absolute; top:6px; left:6px;} .top10List .iteration1{padding-left:3px;} .top10List li.topimg{width:25px; height:35px;} .top10List .samllimg{width:25px; height:35px; margin-bottom:4px;} .top10List li{padding:3px 3px 3px 23px; float:left;} /*linkCOLOR*/ .top10List li a,#mallNews .NewsList li a,.boxCenterList li a{color:#005AE1; text-decoration:none;} .top10List li a:hover,#mallNews .NewsList li a:hover,.boxCenterList li a:hover{color:#ff6600; text-decoration:none;} /*首頁焦點圖*/ #focus{border-right:1px solid #ffcd5a; padding:8px; background:url(images/yellow/foucsBg.gif) repeat-x left top;} #mallNews{width:230px; padding:8px 8px 0px 8px; background:url(images/yellow/foucsBg.gif) repeat-x left top; height: 208px;} #mallNews .NewsTit{background:url(images/yellow/bg.gif) 0px -132px; height:23px;} #mallNews .NewsList{background:#FFFFFF; padding:4px; height:160px;} #mallNews .NewsList ul{margin-top:0;} #mallNews .NewsList li{background:url(images/yellow/bg.gif) no-repeat 0px -167px; padding:0px 0px 0px 10px; text-align:left; } /*今日特價和品牌*/ #sales{width:750px; background:url(images/yellow/salesBg.gif) repeat-x left bottom; border-bottom:2px solid #f0f1f3; background-color:#fffff3; } #sales h1{font-size:12px; background:url(images/yellow/salestitbg_long.gif) no-repeat center; height:33px; text-align:right;} #sales h1 img{position:relative; top:10px; right:8px;} #sales .goodBox{margin:10px 0px 10px 10px; _margin-left:5px;} #sales .goodBox .goodList p{ color:#3f3f3f;} #sales .goodBox .goodList p a{color:#005AE1; text-decoration:none;} #sales .goodBox .goodList p a:hover{color:#ff6600; text-decoration:none;} #sales .goodList{width:100px; margin:0px 5px 0px 0; float:left;text-align:left;} #sales .goodList img{background:url(images/yellow/salesGoodBg.gif) no-repeat; width:80px; height:110px; padding:5px;} #sales .goodList p{ width: auto; text-align:center; /*margin-top:3px;*/} #brands{width:247px; height:200px; *height:201px; padding:3px 0 0 1px; position:relative; line-height:21px;} #brands img{width:76px; height:41px; border:1px solid #FF7300;} #brands a{color:#FFF4D6; background:url(images/yellow/bg.gif) no-repeat 0px -696px; text-decoration:none; margin: 0 2px 0px 2px; text-align:center; width: 78px; display:block; float:left;} #brands a span{float:right;width:2px;height: 22px; background:#FFFFFF url(images/yellow/bg.gif) no-repeat -137px -696px;} #brands a:hover{color:#FFF;background-position: -154px -696px;} #brands a:hover span{background-position:-291px -696px;} #brands .brandsMore a{position:absolute; left:172px; bottom:10px; background:none; width:65px; height:41px; margin:0} #brands .brandsMore img{border:none; width:65px; height:41px; margin:0} .brandsIe6{_width:250px;}/*在ie6下特價商品不存在的話品牌推薦永遠靠右顯示*/ /*精品推薦，新品上市，熱賣商品*/ .centerPadd{padding:5px 8px 8px 8px; overflow:hidden;} .itemTit{height:30px; background:url(images/yellow/bg.gif) no-repeat 0px -195px; padding-left:190px; text-align:right; /*margin-bottom:-3px; _margin-bottom:-2px;*/ } .itemTit.New{background:url(images/yellow/bg.gif) no-repeat 0px -225px;} .itemTit.Hot{background:url(images/yellow/bg.gif) no-repeat 0px -256px;} .itemTit img{position:relative; top:7px;} .itemTit h2{float:left; height:27px; background:url(images/yellow/itemH2Bg.gif) repeat-x left top; border:1px solid #f0e3de; font-size:12px; text-align:center; color:#3f2d2d; font-weight:100; padding:0px 10px; line-height:28px; margin:0 6px 0 0; border-bottom:none; position:relative; bottom:-3px; display:inline; white-space:nowrap; } .itemTit h2 a{color:#3f2d2d; text-decoration:none;} .itemTit .h2bg{height:27px; line-height:28px; border:none; background:none; font-size:12px; text-align:center; color:#af4a0e; font-weight:100; padding:0px 10px; display:inline; white-space:nowrap; } .itemTit .h2bg a{color:#af4a0e; text-decoration:none;} .centerPadd .goodsBox{border:1px solid #f0e3de; background:#fff; padding:3px 0 0 3px; *padding:3px 0 0 3px; _padding:3px 0 0 0px;} .centerPadd .goodsBox .more{text-align:right; clear:both; margin:0 8px 8px 0;} /*單個商品*/ .goodsItem{width:105px; float:left; position:relative; overflow:hidden; margin:0px 2px 3px 2px; border: 4px solid #FFF9E1;padding:2px;text-align:center;} .goodsItem .goodsimg{width:103px; height:147px; border:0 solid #fffff3;margin-bottom:0;text-align: center;} .goodsItem img{width:52px; height:17px;} .goodsItem p{text-align:left; color:#3f3f3f;font-size: 12px; font-family: Sans-Serif; margin:0;padding:0;} .goodsItem p a{color:#005AE1; text-decoration:none;} .goodsItem p a:hover{color:#ff6600; text-decoration:none;} .goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;} .goodsItem span.best{background:url(images/yellow/bg.gif) no-repeat 0px -304px;} .goodsItem span.news{background:url(images/yellow/bg.gif) no-repeat -75px -304px;} .goodsItem span.hot{background:url(images/yellow/bg.gif) no-repeat -161px -304px;} .disc {color: #666;font-weight: lighter;font-size: 8px;} .discs {color: #F99;font-size: 9px;} div.goodsprice{text-align: left; margin:0;padding:0;} dd font{color: #666;} /* Add By Alien Start */ .ListBox{background:#fff; padding-bottom:2px; overflow:hidden;} .ListBox .Box_1{border:1px solid #ffcd5a; background-color:#fff;} .ListBox .Box_1 h3.PList{height:33px; line-height:33px; font-size:12px; background:url(images/yellow/itemH2Bg.gif) repeat-x left top; text-align:right; padding:0 12px; font-weight:100; } .ListBox .Box_1 h3.PList span{float:left; background:url(images/yellow/bg.gif) no-repeat 0px -570px;width:auto; height:33px; line-height:33px; text-align:left; font-weight:bold; color:#af4a0e; padding-left:12px;} .ListPadd{padding:0; overflow:hidden;} .ListPadd .goodsListBox{border:1px solid #f0e3de; background:#fff; padding:3px 0px 0px 3px; *padding:3px 0px 0px 3px; _padding:3px 0px 0px 0px;} .ListPadd .goodsListBox .more{text-align:right; clear:both; margin:0 8px 8px 0;} /*單個商品*/ .goodsListBox .goodsList{font-size: 13px; width:362px; height:210px; float:left; position:relative; overflow:hidden; margin:0 2px 0 0; padding:4px;background:url(images/lineBg.gif) repeat-x left top;} .goodsListBox .f_l {border-right: 1px dashed #D2D2D2;} .goodsListBox .goodsList h3.PList{border:1px solid #ffcd5a; border-top:0; border-bottom:0; background: #FFF9E9 url(images/yellow/uh_bg.gif) repeat-x left -7px; width: 352px; height: 21px; line-height: 21px; text-align:left; font-size: 15px; font-family: "Microsoft JhengHei", Sans-Serif; padding: 0 0 0 5px; margin: 0 0 5px 0; text-indent: 5px;} .goodsListBox .goodsList .goodsimg{width:130px; height:180px; margin: 0 5px 0 0; float: left;} .goodsListBox .goodsList img{width:43px; height:17px;border:0;vertical-align:middle;} .goodsListBox .goodsList p{text-align:left; color:#7f7f7f;font-size: 13px; font-family: Sans-Serif;padding:5px;margin:5px 0 0 0;text-indent: 26px;background:url(images/lineBg.gif) repeat-x left top;} .goodsListBox .goodsList a, .goodsList li.order_info a{color:#005AE1; text-decoration:none;} .goodsListBox .goodsList h3 a{color:#008000; font-weight:bold; text-decoration:none;} .goodsListBox .goodsList a:hover, .goodsList li.order_info a:hover, .goodsListBox .goodsList h3 a:hover{color:#ff6600; text-decoration:none;} .goodsListBox .goodsList span{width:40px; height:40px; position:absolute;left:0px; top:0px;} .goodsListBox .goodsList span.best{background:url(images/yellow/bg.gif) no-repeat 0px -304px;} .goodsListBox .goodsList span.news{background:url(images/yellow/bg.gif) no-repeat -75px -304px;} .goodsListBox .goodsList span.hot{background:url(images/yellow/bg.gif) no-repeat -161px -304px;} .goodsListBox .sn_layout{position: absolute; z-index: 2;top: 190px; left: 39px; width:auto; background: #FFC; text-align:center; filter: Alpha(Opacity=60); color: #000; padding: 0 8px 0 8px;font-weight: bold;} .article_contents {display: table; height: auto; _height: 100%; text-align:left;} .article_contents a{color:#005AE1; text-decoration:none;} .article_contents a:hover{color:#ff6600;} .article_contents p{margin: 5px; text-indent: 24px;} .article_contents ul{margin:0 0 0 10px; padding-left: 10px;} .article_contents ul li{list-style-type: disc;margin:0; padding: 0;} .article_contents dl{margin: 5px; text-indent: 24px;} .article_contents h3{text-align: left; font-size: 15px; font-weight: bold; color: #773606;margin: 0; border:0;} .article_contents blockquote {height: 100%; margin:0 3px 5px 2px; border: 1px solid #FFF0BD; width: 99%; display: table; padding: 0 0 10px 0} .article_contents blockquote h4 {width: auto; margin:5px 0 5px 5px; display: inline-block;} .article_contents blockquote p{margin:5px;} .article_contents blockquote img{margin:10px 20px 10px 10px; border:1px solid #773606;padding:5px;} .article_contents blockquote ul{margin:0 10px; padding-left: 10px;} .article_contents blockquote ul li{list-style-type: disc; margin-bottom:4px;padding:0} .article_contents blockquote ul li p {margin:0;padding:0;} .article_contents blockquote fieldset {margin: 0 10px;} .article_contents blockquote dl {margin: 2px 0 0 0; display:inline-block; width: 220px;} .article_contents blockquote dl dt {text-indent: 0px; font-weight:bold;background-color: #EEE; padding: 0 5px;} .article_contents blockquote dl dd {text-indent: 12px;} blockquote.B_float { height: auto; margin: 0 0 5px 0; padding: 0 0 10px 0; border: 1px solid #FFF0BD;} blockquote.B_float ul{margin:0 10px; padding: 0;} blockquote.B_float ul li{margin:0; padding: 0; text-indent: 0;list-style: none;} blockquote.B_float ul li strong{float:left;} blockquote.B_float ul li div{width: auto; text-align:left;padding:0;text-indent: 0;color: #808080;} blockquote.B_float ol{margin:0 10px 0 20px; padding: 0;} blockquote.B_float ol li{margin:0 0 0 10px; padding: 0;list-style-type:decimal;} blockquote.B_float ol li ul {margin:0; padding:0;text-indent: 0px;} blockquote.B_float ol li ul li {margin:0;padding:0;list-style-type:disc;color: #808080;} blockquote.B_float a{color:#005AE1; text-decoration:none;} blockquote.B_float a:hover{color:#ff6600;} blockquote.keypic {width: auto; height: auto !important /* FireFox */;_height: 100%; margin:0 0 5px 0; } blockquote.keypic img{border:0;float:left;} blockquote.keypic ul.ul_float {width: 31%;margin:3px;float:right;text-align:left;} blockquote.keypic ul.ul_float li {float:left;padding: 0; width: 45%;list-style-type: none;} blockquote.B_break{height: auto;_height: 100%;} #shippingTable td label ,#paymentTable td label{cursor: pointer; font-size: 15px;} /* Add By Alien End */ /*幫助*/ /* Edit By Alien .helpTitBg{background:url(images/yellow/helpTitbg.gif) repeat-x left top; text-align:left; border:1px solid #ffcd5a; background-color:#fff; padding:0 0 10px 15px; } */ .helpTitBg{background:url(images/yellow/helpTitbg.gif) repeat-x left top; text-align:left; border:1px solid #ffcd5a; background-color:#fff; padding:3px 0 0 15px; _padding:5px 0 0 5px; } .helpTitBg dl{float:left; margin-right:20px; _margin-right:5px; _width:105px;} .helpTitBg dt{background:url(images/yellow/bg.gif) no-repeat 0px -570px;width:auto; height:18px; line-height:18px; text-align:left; font-weight:bold; color:#af4a0e; padding-left:12px; margin-bottom:6px;} .helpTitBg dt a{font-weight:bold; color:#af4a0e; text-decoration:none;} .helpTitBg dd a{color:#3f3f3f; text-decoration:none; background:url(images/yellow/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px;} /*相關商品*/ .boxCenterList ul{height:1%; margin-bottom:5px;} .boxCenterList li{/*float:left; width:120px;*/} .boxCenterList li li{text-indent: 26px;} .boxCenterList li li li{text-indent: 39px;} .boxCenterList li.goodsimg{width:35px; margin-right:10px;} /* Add By alien Start */ .boxCenterList ul.floatL{width: 177px; float: left; margin: 1px; padding: 1px; border: 1px solid #ffcd5a;text-align: left;} .boxCenterList ul.floatL li{text-indent: 0; text-align: left;} .boxCenterList ul.floatL li.goodsimg{width:37px; height:50px; text-align: center; float: left; background: #ffcd5a; margin: 2px 5px 2px 2px;} .boxCenterList ul.floatL li span{font-weight: bolder;} fieldset legend{font-size: 17px;font-family: "Microsoft JhengHei", "Microsoft YaHei", SimHei, Sans-Serif;} dd strong{width: 75px; text-align: right; float: left;} dd.integral strong{width: auto; text-align: right; float: left;} /* Add By alien End */ .boxCenterList li.goodsimg img{width:35px; height:48px; margin:0;} /*相關文章(其它帶有小三角點的文字列表共用)*/ .RelaArticle a,.alone{background:url(images/yellow/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#3f3f3f; text-decoration:none;} .RelaArticle a:hover{background:url(images/yellow/bg.gif) no-repeat 0px -170px; padding:0px 0px 0px 10px; color:#ff6600; text-decoration:none;} /*瀏覽歷史，收藏*/ .history h2{height:26px; line-height:26px; padding:0px 10px 0 20px; text-align:center; font-size:12px; background:url(images/yellow/bg.gif) no-repeat 0px -466px; float:left; color:#af4a0e; margin:6px 5px 0 0; border:1px solid #f0e3de; border-bottom:none; background-color:#FFFFFF; } .history .h2bg{height:26px; line-height:26px; padding:0px 10px 0 20px; text-align:center; font-size:12px; background:url(images/yellow/bg.gif) no-repeat 0px -508px; float:left; color:#a0a0a0; margin:6px 5px 0 0; border:none; } #history li{width:100%;} #clear_history a{background:none; padding:0px; color:#005AE1; text-decoration:none;float:right;cursor:pointer;} .colle a{background:none; padding:0px; color:#005AE1; text-decoration:none;} .colle a:hover{background:none; padding:0px; color:#ff6600; text-decoration:none;} /* ==================== 商品詳情頁面部分模塊 ==================== */ #goodsInfo{background:#fff5df; padding:8px; _height:1%;} #goodsInfo .imgInfo{width:180px; float:left; text-align: center; margin-right:10px; overflow:hidden;} #goodsInfo .imgInfo .thumb{width:180px; height:230px; display:block;}/*商品詳情圖片*/ #goodsInfo span{width:4px; height:48px; background:url(images/yellow/bg.gif) no-repeat 0 -527px; float:left;} #goodsInfo span.spanR{width:4px; height:48px; background:url(images/yellow/bg.gif) no-repeat -5px -527px; float:right;} #fbLikeTopButton span {background: #FFF none;} #goodsInfo .gallery{width:154px; float:left; margin-left:10px; _margin-left:5px; overflow:hidden;} #goodsInfo .gallery ul{width:auto;} #goodsInfo .gallery li{float:left; width:33px; margin:0 3px;} #goodsInfo .gallery li img{width:33px; height:46px; display:block;} /*文字信息*/ #goodsInfo .textInfo{background:#fff; width:523px; float:left; padding:10px;} #goodsInfo .textInfo p{font-size:16px; padding:0 5px 5px 8px; font-family: "Microsoft JhengHei", "Microsoft YaHei", SimHei, Sans-Serif;color: green} #goodsInfo .textInfo ul{border-top:1px solid #ccc;} #goodsInfo .textInfo li{background:url(images/lineBg.gif) repeat-x left bottom; padding:0px; _height:1%;} #goodsInfo .textInfo li.padd{padding:7px 0 0 8px;background:none;text-align:left} #goodsInfo .textInfo li dd{width:50%; float:left; padding:1px 0; color: #3f3f3f;} #goodsInfo .textInfo li dd a{color:#005AE1; text-decoration:none;} #goodsInfo .textInfo li dd a:hover{color:#f60; text-decoration:none;} #goodsInfo .textInfo li dd.ddR{border-left:1px solid #eeecec; width:48%; padding-left:8px;} #goodsInfo .textInfo li dd.ddL{border-right:1px solid #eeecec;} #goodsInfo .textInfo li.proterties dd{background: url(images/lineBg.gif) repeat-x left bottom;} #goodsInfo .textInfo li.proterties dd.AllLine{width: 100%;} #goodsInfo .textInfo .loop{background:#fffbf4; margin-top:8px;} /*#goodsInfo .textInfo li.padd label {cursor: pointer;}*/ /*用戶評論*/ .ie6{padding-left:25px; _padding-left:15px; height:1%;}/*購買此商品的人還購買的商品*/ .comments li{background:url(images/lineBg.gif) repeat-x left bottom; padding:3px 8px; width:97%; _height:1%; text-align:left; position:relative; margin-bottom:8px; } .comments li img{position:absolute; right:0px; top:3px;} .comments li p{margin:3px auto; text-align:left;} .commentsList{border:1px solid #FFCD5A; background:#FFF8E6; padding:10px;} .commentsList .inputBorder{border:1px solid #FFCD5A; background:#fff;font-size: 13px;} .captcha{margin-left:0px; position:relative; top:-1px; *margin-left:8px; *position:relative; top:3px; cursor:pointer;} /* ==================== 品牌推薦 ==================== */ /*品牌列表*/ #brandList{background:url(images/brandBg.gif) repeat-y top center; margin-top:12px; height:1%;} #brandList .brandBox{width:240px; _width:236px; float:left; margin:0 5px 5px 5px; text-align:center; overflow:hidden; height:180px;} #brandList .brandBox .brandLogo{width:188px; height:67px; overflow:hidden;} #brandList .brandBox h4{height:23px; line-height:23px; background:#FFE9B5; margin:2px 0 2px 0; padding:0 10px; text-align:right; font-weight:100; font-size:12px; } #brandList .brandBox h4 span,#brandList .brandBox h4 span a{float:left; font-weight:bold; color:#005AE1; text-decoration:none;} #brandList p{text-align:left; margin-bottom:5px; color:#909090; padding:8px;} #brandList p.brandCategory,#brandList p.brandCategory a{text-align:left; color:#005AE1; text-decoration:none;} #brandList .brandArticle{border:1px dashed #d9d9d9; background:#f8f8f8; text-align:left;} .brandCategoryA a{ margin-right:15px;} /* ==================== 用戶中心 ==================== */ .box_1 .userCenterBox{border:4px solid #fff9e9; background-color:#fff;} .usBox{background:#FFF6DE; border:1px solid #FFCD5A; padding:15px; width:928px;} .usBox_1{background:#fff; text-align:left; width:297px; height:208px; padding:43px 153px 60px 123px;} .usBox_1 .logtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px 0px;} .us_Submit{border:none; width:115px; height:40px; background:url(images/bnt_ur_log.gif);} .us_Submit_reg{border:none; width:113px; height:40px; background:url(images/bnt_ur_reg.gif);cursor:pointer;} .us_unSubmit_reg{ width:1px; height:1px; display:none;} .usTxt{width:265px; height:267px; padding:43px 0 0 90px; background:#FFCD5A; float:right; text-align:left; background:url(images/yellow/ur_bg1.gif) no-repeat 0 50%; line-height:23px; } .usTxt img{margin-top:15px;} /*註冊*/ .usBox_2{background:#fff; text-align:left; padding:43px 153px 60px 123px;} .usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;} .actionSub a{color:#006acc; text-decoration:underline; background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px; } .box_1 .userCenterBox .userMenu a{display:block; height:25px; line-height:25px; background:url(images/menuBg.gif) no-repeat 0 -30px; color:#005AE1; text-decoration:none; margin:0 0 3px 10px; padding-left:3px; } .box_1 .userCenterBox .userMenu a.curs{background:url(images/menuBg.gif) no-repeat 0 0px; font-weight:bold;} .box_1 .userCenterBox .userMenu a img{ margin-right:3px;} .msgBottomBorder{clear:both; background:url(images/lineBg.gif) repeat-x left bottom; padding-bottom:8px; margin-bottom:8px;} /* ==================== 商品分類頁面 ==================== */ /*屬性組合搜索*/ .screeBox{padding:10px;} .screeBox a{color:#404040;} .screeBox span{background:#fbd17c; padding:3px 5px; margin:0 3px;} .sort a{ position:relative; bottom:4px;} .sort input{position:relative; top:5px;} .sort select{border:1px solid #ccc;} /*商品列表顯示方式*/ .goodsList{ padding:5px 5px 0 5px;} .goodsList ul{ margin-bottom:10px;} .goodsList ul#bgcolor{background:#fbfbfb; border-top:1px dashed #e8e8e8; border-bottom:1px dashed #e8e8e8;} .goodsList li{float:left; padding:3px 5px 0 5px;} .goodsList li.thumb{width:80px; text-align:center;} .goodsList li.thumb img{width:58px; height:80px; border:1px solid #ccc; padding:1px;} .goodsList li.goodsName{width:260px; margin-right:10px;} .goodsList li.goodsName p{text-indent: 26px} .goodsList li.action{float:right; margin-left:10px;} .goodsList li.action a.abg{background:url(images/yellow/bg.gif) no-repeat 0px -735px; padding-left:18px; position:relative; bottom:5px;} /* ==================== 團購 ==================== */ .group{background:#fff5df; padding:8px;} .group li{float:left; background:#fff; padding:8px;} /* ==================== 購物流程 ==================== */ .flowBox{border:1px solid #ffcd5a; border-top:2px solid #af4a0e;} .flowBox table{ margin:5px auto;} /*2.62在購物車裡面顯示相關配件*/ .flowGoodsFittings{padding:10px 14px;} .flowGoodsFittings ul{height:1%; margin:5px 4px ;float:left; background: #FFF8E6;} .flowGoodsFittings li{float:left; width:120px;} .flowGoodsFittings li.goodsimg{width:35px; width:48px; margin: 0 5px;text-align:center;} .flowGoodsFittings li.goodsimg img{width:35px; height:48px; display:block;} /* ==================== 文章列表頁-2009.6.8 ==================== */ .article_search{margin:8px 0;} .article_search .inputBg{width:300px;} /* ==================== 打印報價單 ==================== */ .quotation{ margin:20px auto 20px auto; text-align:center;} /*翻頁*/ .pagebar{height:20px; float:right;} .pagebar img{position:relative; top:2px;} .pagebar a{display:block; float:left; margin:0 2px; color:#af4a0e; text-decoration:none;} .pagebar a:hover{color:#ff5a6a; text-decoration:none;} .pagebar .page_now{display:block; float:left; margin:0 5px; color:#ff5a6a; font-weight:bold; background:#fff;} #pager a{color:#af4a0e; text-decoration:none;} /*底部導航+友情鏈接*/ #bottomNav{width:958px;} .bNavList{border:1px solid #fff; background:#fff2d1; height:27px; line-height:27px; padding:0 12px;} .links{border:1px solid #fff; background:#fff2d1; padding:0 12px;} .bNavList a,.links a{color:#af4a0e; text-decoration:none;} .bNavList img{_position:relative; top:8px;} .links img{width:88px; height:31px; margin:5px;} /*版權*/ #footer{/*background:url(images/logo1.gif) no-repeat 5% 50%; padding-left:200px;*/ width:960px; text-align: center; margin:10px auto;} #footer .text{/* background:url(images/footerLine.gif) no-repeat left center; */padding-left:20px; text-align: center; *padding-bottom:20px;} #footer .text a{color:#404040; text-decoration:none;} /* ======商品比較浮動塊 ====== */ #compareBox { width:128px; background:url(images/yellow/compareBg.gif) no-repeat top center; background-color:#FFF9E9; padding:35px 0 8px 0; border: 1px solid #FFE3B0; position: absolute; right:1px; top:200px; } #compareBox input { width:52px; height:13px; border:none; background:url(images/yellow/compareSub.gif) no-repeat; } #compareList { margin:0px 0px 8px 0px; padding:0px; width:120px; background:#FFFFFF; border:1px solid #FFD6B0; } #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; } .setAddress {padding: 3px; background: #FFFFE8; border: 3px dotted red; margin:5px 0;} /* 積分兌換樣式修改 */ .point li{ float:left; width:300px; } /* Add By Alien Start 加入註解 Help Tip CSS */ a.helpLink { color: Green; text-decoration: none; border-bottom: 1px dashed Green; } a.helpLink:hover { color: Red; text-decoration: none; border-bottom: 1px dashed Red; } .help-tooltip { position: absolute; width: 250px; border: 1px Solid WindowFrame; background: Infobackground; color: InfoText; font: StatusBar; font: Status-Bar; padding: 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=3); z-index: 10005; } .help-tooltip a, .help-tooltip a:hover { color: blue !important; background: none; } /* Add By Alien End 加入註解 Help Tip CSS */