body { background: #FFFFFF url(i/bg_body.gif) repeat-x scroll center top; color: #32393D; font-family: Verdana,Arial,Helvetica,sans-serif,'宋体'; font-size: 62.5%; } a { color:#666; } a:hover { color:#FA8301; text-decoration:underline; } .clear { clear:both; } .orange, .orange a { color: #ff9900; } /* Top Navigational Menu */ #TopMenu { float: left; width: 350px; height: 60px; font-size: 1.1em; margin: 16px 0 0 20px; display: inline; } #TopMenu ul { margin: 3px 0 0 0; padding: 0; list-style: none; float: right; } #TopMenu ul li { display: inline; margin: 0 10px 0 0; padding: 0; list-style: none; } #TopMenu li a { color: #1e292b; text-decoration: none; } #TopMenu li a { color: #1e292b; text-decoration: none; } #TopMenu li a:hover { color: #fe4819; } #TopMenu li.Cart { background: url(i/header_link_cart.gif) 0 0 no-repeat; padding: 0 0 0 18px; font-size:1.1em; } #TopMenu li.Login { background: url(i/header_link_login.gif) 0 0 no-repeat; padding: 0 0 0 18px; font-size:1.1em; } #TopMenu li.Twitter { background: url(i/twitter_icon.png) 0 0 no-repeat; padding: 0 0 0 18px; } #TopMenu li div { display: inline; } #LiveChat { float: right; margin: 0 10px 0 5px; } /* Pages Menu */ #Menu { background: url(i/bg_navi_sublist.gif) -5000px 0 no-repeat; clear: both; display: inline; float: left; height: 31px; position: relative; width: 980px; z-index: 10; } #Menu ul { list-style: none; margin: 0; padding: 0; width: 980px; } #Menu li { background: url(i/btn_navi_right.gif) 100% 0 no-repeat; float: left; list-style: none; margin: 0; padding: 0; position: relative; } #Menu li.HasSubMenu { background: url(i/btn_navi_right_arrow.gif) 100% 0 no-repeat; } #Menu li a { background: url(i/btn_navi_left.gif) 0 0 no-repeat; color: #fff; display: block; font-size: 1.2em; font-weight: bold; height: 24px; padding: 6px 13px 0 13px; text-decoration: none; } #Menu li.HasSubMenu a { padding: 6px 23px 0 13px; } #Menu li.First a { background: url(i/btn_navi_left_first.gif) 0 0 no-repeat; } #Menu li ul { background: url(i/bg_navi_sublist.gif) 0 100% no-repeat; display: none; float: left; left: 0; padding: 0 0 10px 0; position: absolute; text-align: left; top: 30px; width: 175px; z-index: 10; } #Menu li ul li { background-image: none; clear: both; color: white; text-align: left; } #Menu li ul li a { background-image: none; color: #394852; font-size: 1.2em; font-weight: normal; height: auto; padding: 2px 10px 0 10px; width: 160px; } #Menu li ul li a:hover { text-decoration: underline; } #Menu li:hover { background-position: 100% -100px; } #Menu li:hover a, #Menu li.over a { background-position: 0 -100px; color: #394852; } #Menu li:hover ul, #Menu li.over ul { display: block; } * html #Menu ul li { float: left; height: 1%; } * html #Menu ul li a { height: 1%; } * html #Menu li:hover, * html #Menu li.over { background-position: 100% -100px; } #Wrapper { margin: 0 auto; overflow: auto; width: 980px; padding-bottom:20px; } /* Header */ #Header { height: 90px; width: 980px; } /* Logo */ #Logo { display: inline; float: left; height: 60px; margin: 20px 0 0 20px; width: 165px; } #Logo img { height:65px; } /* Top Search Form */ #SearchForm { background: url(i/bg_search.gif) 0 0 no-repeat; float: right; height: 84px; overflow: hidden; width: 415px; } #SearchForm form { clear: both; margin: 0 0 0 20px; padding: 6px 0 0 0; } #SearchForm label { display: none; } #SearchForm input { border: 1px solid #d7d7d7; font-size: 0.9em; height: 16px; margin: 5px 0 5px 0; padding: 3px 3px 3px 3px; width: 275px; background:#FFFFFF url(i/bg_input.gif) repeat-x scroll 0 0; } #SearchForm .Button { border: 0; height: 24px; margin-left: 5px; padding: 0; vertical-align: top; width: 92px; } #SearchForm .Phones { display:inline;float:left;font-size:1.2em;margin:15px 0 0 20px;padding:0 0 0 23px;} #SiteMap { font-size:1.2em; margin:5px 0 0 5px;} #LeftBox { float: left; margin: 0 15px 0 0; padding: 0 0 5px 0; font-size: 1.2em; width:195px; } /* Primary Content Area */ #ContentBox { float: left; min-height: 500px; padding: 0 0 5px 0; font-size: 1.2em; width:770px; } /* Base box */ .basebox { margin-top:10px; } .basebox .tp, .basebox .bt { display:block; height:5px; overflow:hidden; position:relative; z-index:1; } .basebox .tp span, .basebox .bt span { float:right; height:5px; width:5px; overflow:hidden; } .basebox .tp { margin-bottom: -5px; } .basebox .bt { margin-top: -5px; } .basebox .tp, .basebox .tp span, .basebox .bt, .basebox .bt span { background: transparent url(i/base.png) no-repeat scroll 0 0; } .basebox .tp { background-position:-5px -580px; } .basebox .tp span { background-position:0 -580px; } .basebox .bt { background-position:-5px -585px; } .basebox .bt span { background-position:0 -585px; } .basebox .bd { border: solid 1px #E4E4E4; position:relative; padding:5px 12px; overflow:hidden; } .basebox .bd h2 { color:#FF8400; font-size:1.2em; padding: 0 0 5px 20px; margin:0 0 5px 0; font-weight:bold;border-bottom:1px solid #EFEFEF; position:relative; } .basebox .bd h2 .more { color:#ccc; font-size:0.8em; font-weight:normal; position:absolute; right:15px; top:3px; } .pagination-links { clear:left; float:right; font-size:12px; margin:5px 0 10px;text-align:right; width:100%; height:20px; } .pagination-links a { border:1px solid #EEEEEE; color:#999999; font-weight:normal; margin:0 2px; padding:2px 6px; } .pagination-links a:hover { background:#666666; color:#FFFFFF; } .pagination-links strong { color:#000000; font-weight:bold; } .pagination-links .page-numbers { color:#999999; } .pagination-links .page-text { color:#999999; float:left; margin-left:20px; } /* Left Navigation Item */ .LeftNavItem { margin: 0 0 10px 10px; clear:both; } .LeftNavItem h3, .LeftNavItem h3 a { color: #404040; font-weight: bold; } .LeftNavItem ul { overflow: auto; float:left; } .LeftNavItem ul li { float: left; margin-right: 5px; white-space:nowrap; } .LeftNavItem .children { border:solid 1px #ccc; padding:5px;} ul.Thumbnails li { float:left; width: 150px; text-align:center; margin:4px 15px; height:240px; } ul.Thumbnails li a:hover { text-decoration:none; } ul.Thumbnails li a img { border: solid 1px #ccc; padding:4px; width: 150px; height:150px; } ul.Thumbnails li a:hover img { border-color:#FA8301; } ul.Thumbnails li a:hover span { text-decoration:underline; } ul.Thumbnails li span { display:block;} ul.Thumbnails .price { display:block; color:#777; } ul.Thumbnails .price b { color:#FF6501; margin-right:2px; } ul.ListDetails { margin: 0 auto; width:150px; padding:0; text-align:center; } ul.ListDetails li { float: left; width: 150px; border-bottom:dashed 1px #ccc; margin-bottom:15px; padding-bottom:10px; } ul.ListDetails li a img { border: solid 1px #ccc; padding:2px; width:70px; height:70px; display:inline; float:left; } ul.ListDetails li a:hover img { border-color:#FA8301; } ul.ListDetails li a:hover span { text-decoration:underline; } ul.ListDetails a.name { overflow:hidden; display:block; margin:2px auto; width:65px; white-space:nowrap;} ul.Titles li { float: left; margin: 2px 8px; width:65px; } ul.Titles li a img { border: solid 1px #ccc; padding: 4px; width:60px; height: 60px; } ul.Titles li a:hover img { border-color:#FA8301; } ul.Titles li a.name { overflow:hidden; display:block; margin:2px auto; width:60px; white-space:nowrap; } #PosterWapper { height:274px; width:565px; overflow:hidden; float:left; } #PosterWapper .tp { background-position:-7px -120px;height:7px;margin-bottom:-7px; } #PosterWapper .bt { background-position:-7px -127px;height:7px;margin-top:-7px; } #PosterWapper .tp span { background-position:0 -120px;height:7px;width:7px; } #PosterWapper .bt span { background-position:0 -127px;height:7px;width:7px; } #PosterWapper .bd { border:5px solid #F1F1F1;height:250px; } #PosterWapper .bd { padding:0; } #Poster { float:left; } #Poster img { width:555px; height: 250px; } #PosterInfo { position: absolute; margin-top: 200px; padding: 2px 0 0 10px;height: 42px; width: 400px; color: #fff; z-index: 1001; cursor: pointer; } #PosterInfo b { font-size: 14px; display: block; } #PosterBg { position: absolute; background-color: #000; margin-top: 200px; height: 50px; width: 555px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; } #PosterText { position: absolute; margin: 200px 0 0 495px; height: 50px; width: 60px; z-index: 1002; } #PosterText ul { list-style-type : none; width: 60px; height: 50px; display: block; padding-top: 1px; _padding-top: 0px; filter: Alpha(Opacity=80); opacity: 0.8; } #PosterText ul li { width: 14px; height: 14px; float: left; background-color: #000; display: block; color: #FFF; text-align: center; margin: 1px; cursor: pointer; font-family: "Courier New"; } #PosterList a { display: block; width: 555px; height: 250px; position: absolute; overflow: hidden; } #Bulletin, #CustomerService { margin-left:15px; float:left; width: 185px; } /* Product Details */ #ProductPic { float: left; width: 300px; height: 370px; overflow:hidden; position:relative; border:solid 1px #eee; } #PPList { width:300px; height:300px; position:relative; } #PPList li img { width:300px; height:300px; } #PPList .sale { background:url(i/ico-sale.gif) no-repeat left top; display:block; position:absolute; height:87px; width:87px;text-indent:-300em; top:-5px; left:-5px; } #PPList li a span { background:transparent url(i/ico-lupa.gif) no-repeat scroll left top;bottom:0px;display:block;height:70px;position:absolute;right:0px;visibility:hidden;width:70px;} #PPList li a:hover span { cursor:pointer;visibility:visible;} #PPList li a:unknown span { cursor:pointer;visibility:visible;} #PPList li a { display:block;} .PPThumOpacity { background:#EFEDEE none repeat scroll 0 0; height:70px; left:0; position:absolute; top:300px; width:300px; } #PPThumList { left: 0; top:300px; position:absolute; width:300px; height:65px; padding-left:12px; } #PPThumList img { width: 45px; height:45px; border:solid 2px #EFEDEE; cursor:hand; } #PPThumList li { float:left; display:inline; margin:0 10px; padding-top:12px; } #PPThumList .current { background:transparent url(i/jiantou.gif) no-repeat scroll 19px 8px;} #PPThumList .current img { border-color:#979596; } #ProductBase .Details { float: left; margin-left:20px; width: 400px; } #ProductBase .Details .name { border-bottom:1px dashed #C0C6AB; color:#CC3333; font-size:14px; font-weight:700; line-height:30px; } #ProductBase .Details dd { line-height:25px;} #ProductBase .Details dd b { width:65px; display:inline-block; font-weight:normal; text-align:right; } #ProductBase .Details .discount { color:#FF3333; font-family:Georgia; font-size:16px; font-weight:700; margin-right:8px; } #ProductBase .Details .market { color:#666666;font-family:Georgia; text-decoration:line-through; } #ProductBase .Details sub { font-family:Tahoma; font-size:9px; } #ProductDetails { margin-top:20px;} #ProductDetails .item { padding:15px 10px; } #ProductDetails .DetailsTable { width:100%; border-top:solid 1px #efefef; border-left:solid 1px #efefef; } #ProductDetails .DetailsTable td{ border-right:solid 1px #efefef; border-bottom:solid 1px #efefef; padding:2px 5px; } #ProductDetails .DetailsTable .t{ width:80px; text-align:right; } #ProductDetails p.richtext { margin-top:20px; } #FooterContainer { background: #FFFFFF url(i/bg_container_bottom.gif) repeat-x scroll 0 0; clear: both; position: relative; width:100%; } #FooterLogos { background: transparent url(i/bg_footer_logos.gif) no-repeat scroll 0 100%; margin:0 0 10px; padding:0 0 20px 20px; } #Footer { margin: 0 auto; padding: 15px 0 20px; width: 980px; } #Footer p { color:#535353; font-size:1.2em; line-height:2em; margin-left:20px; } #Footer a, #Footer a:link, #Footer a:active, #Footer a:visited { color:#757575; margin:0; text-decoration:none; } #Footer .Small { color:#757575; font-size:1.1em; } #MainBox { width:980px; font-size:1.2em; } #GlobalHelp { width:980px; font-size: 1.2em; color:#555; } #HotLine { float: left; width:230px; margin: 10px 0; } #GlobalHelp .HelpItem { border-left:solid 1px #E4E4E4; padding: 0 12px; float: left; width: 119px; margin: 10px 0; } #GlobalHelp .HelpItem h3 { font-weight: bold; margin-bottom:5px; } #GlobalHelp .HelpItem li a { color: #999; } #Links { font-size:1.2em; } #Links .bd h3 { color:#ff9400; font-weight:bold; margin:0 0 5px 0; padding-left:5px; } #Links ul { float:left; } #Links li { float:left; margin:0 5px; } #Links li a { color:#999; } .tab { border-bottom:1px solid #111;height:25px;padding:0 0 0 40px; margin-top:3px;} .tab li { background-image:none;margin-right:5px;overflow:hidden;} .tab li a { overflow:hidden;padding-right:5px;} .tab li a em { cursor:pointer;overflow:hidden;padding:0 10px 0 15px;} .tab li.current a em { font-weight:700;} .tab li, .tab li a, .tab li a em { display:block;float:left;height:25px;line-height:27px;} .tab li.current { border-bottom:1px solid #FFFFFF;margin-bottom:-1px;position:relative;} .tab li a, .tab li a em { background:transparent url(i/black_skin.png) no-repeat scroll 0 0; } .tab li a { background-position:100% -25px; } .tab li a em { background-position:0 0; } .tab li a:hover, .tab li.current a, .tab li.current a:hover { background-position:100% -75px; } .tab li a:hover em, .tab li.current a em, .tab li.current a:hover em { background-position:0 -50px; } .tab a:link, .tab a:visited { color:#111; } .tab a:hover, .tab a:active { color:#111; } .tab .current a:link, .tab .current a:visited { color:#111; } .tab .current a:hover, .tab .current a:active { color:#111; } #UserNav li { border-bottom:1px solid #EFEFEF; padding:5px 7px 5px 12px; } #UserNav li a { text-decoration:underline; } .formBox label { font-size:1.5em; width:120px; display:block; font-weight:bold; } .formbox label em { color:red; } .formBox .textfield { background:#FFFFFF none repeat scroll 0 0; border:1px solid #D5D5D5; color:#434343; font-size:1em; padding:7px 10px; vertical-align:middle; width:300px; } .formBox form ol li { line-height:24px; margin-bottom:20px; } .formBox form legend { line-height:24px; margin-bottom:20px; } .formBox h1 { border-bottom:1px solid #558C03; color:#558C03; font-size:1.85em; font-weight:bold; margin:0 0 20px; } .formBox { margin:25px; } .formBox p { font-size:1.2em; line-height:24px; margin-bottom:20px; } .formBox .Button { padding:2px 10px; } .field-validation-error { color:Red; margin-left:10px; } #Cart { margin-top:10px; } #Steps { margin-bottom:30px} #Steps .Step1, #Steps .Step2, #Steps .Step3, #Steps .Step4 { width: 164px; height: 67px; font-weight:bold; font-size:1.2em; text-align:center; padding-top:10px; float:left; color:#fff; } #Steps .Step1 { background: url(i/bg_step1.jpg) no-repeat 0 -77px; } #Steps .Step2 { background: url(i/bg_step2.jpg) no-repeat 0 -77px; } #Steps .Step3 { background: url(i/bg_step3.jpg) no-repeat 0 -77px; } #Steps .Step4 { background: url(i/bg_step4.jpg) no-repeat 0 -77px; } #Steps .After { background-position: 0 0; } #Steps .Pass { background-position: 0 -154px; color:#000; } #Steps .Next { background: url(i/bg_step_next.jpg); float:left; width:13px; height:67px; } #Cart .Title { color:#FF8400; font-size:1.2em; margin:12px 0 15px; } .page-grid { border-bottom: #E9E9E9 1px solid; font-size: 12px; margin-bottom: 0.5em; padding-bottom: 0.5em; } .page-grid table { border-collapse: collapse; border-left: #E9E9E9 1px solid; border-top: #E9E9E9 1px solid; margin-top: 0.5em; width: 100%; } .page-grid table th { background: #F9F9F9; border-bottom: #E9E9E9 1px solid; border-right: #E9E9E9 1px solid; cursor: pointer; overflow: hidden; padding: 2px; white-space: nowrap; } .page-grid a, .page-grid a.enable { color: #36c; text-decoration: underline; } .page-grid a.disable { color: #ccc; text-decoration: none; } .page-grid table tr { cursor: pointer; } .page-grid table td { border-bottom: #E9E9E9 1px solid; border-right: #E9E9E9 1px solid; padding: .2em; } .page-grid table .t1 { background: #FFFFFF; } .page-grid table .t2 { background: #F9F9F9; } .page-grid table .sl { background-color: #FFF9D7; cursor: hand; } .page-grid table td.r { text-align: right; } .page-grid .page-grid-bottom { height: 1.3em; margin-top: .5em; } .page-grid .page-grid-action { float: left; } .page-grid .page-grid-action a { margin-right: 5px; } .page-grid .page-grid-pagelink { text-align: right; } .AddToWishList { text-align:right; } .Shopping { border-top:1px dashed #666666;border-bottom:1px dashed #666666; padding:15px 5px; } .Shopping .quantity { border:1px solid #9A9A9A;color:#BC3347;font-size:9pt;height:15px;margin:0 4px;width:19px; } .Shopping .change { margin:0 4px; } .Shopping .buy, .Shopping .cart { margin:0 8px; } .Controls { margin:8px 0; } .Controls .comment { float:right; clear:left; } .Controls .comment a { margin:0 2px; } /* Rating */ .sp_rating { line-height: 1.4em; color: #5f5f5f; display: block; } .rating { float: left; padding-right: 4px; } .base { background: url(i/ratings.gif) 0 0 no-repeat; width: 85px; height: 100%; float: left; padding-right: 4px; overflow: hidden; } .average { background: url(i/ratings.gif) 0 -16px no-repeat; text-indent: -9999px; } .votes { float: left; padding-right: 4px; } .score { background: url(i/ratings.gif) 0 0 no-repeat; width: 85px; height: 100%; float: left; position: relative; } .score a { display: block; height: 100%; float: left; text-indent: -9999px; position: absolute; overflow: hidden; line-height: 1em; } .score1 { width: 20%; z-index: 55; } .score2 { width: 40%; z-index: 54; } .score3 { width: 60%; z-index: 53; } .score4 { width: 80%; z-index: 52; } .score5 { width: 100%;z-index: 51; } .score a:hover { background: url(i/ratings.gif) bottom right no-repeat; } .status { height: 16px; width: 100px; overflow: hidden; position: relative; } .score_this { height: 100%;overflow: hidden; } .score_this a { color: #f37800; } /* Block UI, growlUI */ div.growlUI { background: url(check48.png) no-repeat 10px 10px } div.growlUI h1, div.growlUI h2 { color: white; padding: 5px 5px 5px 75px; text-align: left } div.growlUI h1 { font-size: 1.6em; font-weight:bold; } div.growlUI h2 { font-size: 1.2em; } /* rich text */ .richtext { font-size: 1em; line-height:1.8em; } .richtext h1 { font-size: 1.2em; font-weight:bold; } .richtext a img { border: solid 1px #ccc; padding:4px; width: 150px; height:150px; } .richtext a:hover img { border-color:#FA8301; } /* knowledge */ #Knowledge h2 { text-align:center; font-size:1.4em; border:0px; line-height:2em; } #Knowledge .info { text-align:right; margin: 10px 0; } #Knowledge .neighbor { margin:5px 0; } #Knowledge .tag { margin:15px 0 5px 0; } #Knowledge .neighbor a { width:49.9%; display:block; float:left;} #Knowledge .prev { text-align:left; } #Knowledge .next { text-align:right; } .KnowledgeColumn { width:375px; float:left; margin-right:10px;} .KnowledgeColumn h2 a { color:#FF8400; } .List { line-height:1.6em; } .List a { color:#666; } .List li { padding:1px; } .List li span { float:right; color:#999; } .Details { line-height:1.6em; } .Details a { color:#666; } .Details a:hover { color:#FF8400; } .Details li { padding:1px; } .Details li span { float:right; color:#999; } /* news */ #News h2 { text-align:center; font-size:1.4em; border:0px; line-height:2em; } #News .info { text-align:right; margin: 10px 0; } #News .neighbor { margin:5px 0; } #News .tag { margin:15px 0 5px 0; } #News .neighbor a { width:49.9%; display:block; float:left;} #News .prev { text-align:left; } #News .next { text-align:right; } .PC dl, .PC dt, .PC dd { float:left; } .PC dt { font-weight:bold; font-size:1.1em; } .PC dd { margin:0 5px; } .PC dt { margin-right:5px; } div.tags { font-size:1.2em; } div.tags span { margin:5px 5px; line-height:1.5em; height:1.5em; display:inline-block; } div.tags .s5 { font-size:1.4em; } div.tags .s4 { font-size:1.3em; } div.tags .s3 { font-size:1.2em; } div.tags .s2 { font-size:1.1em; } div.tags .s1 { font-size:1.0em; }