﻿/*------------------------------------------------------------------------------------- SideBar */
#sidebar{ float:left; width:233px; margin:5px 15px 0 0;}
/*---------------------------------------------- login */
#sidebar #indexLoginBox{ width:233px; height:175px; background:url(/Images/login_bg.gif) no-repeat; }
#indexLoginBox img{ margin-right:15px;}
#indexLoginBox input.text{ border:1px solid #C0ACA5; width:110px; font-family:Verdana; font-size:11px; color:#0066CC;}

#sidebar #indexMemberInfo{ width:233px; height:175px; background:url(/Images/memberinfo_bg.gif) no-repeat; }
#indexMemberInfo table{text-align:center;}
#indexMemberInfo td{ height:30px;}
#indexMemberInfo .t1{ width:60%;text-align:center;}
#indexMemberInfo .t2{ width:40%;text-align:left;}
#indexMemberInfo .pl{ padding-left:10px;}
#indexMemberInfo .h{ height:45px;}

#indexMemberInfo img{ margin-right:5px;}
.memberName{ font-size:14px; font-weight:bold; color:#903333; padding-left:10px;}

/*---------------------------------------------- category */
#sidebar #categoryBoxBG{ background:#fff; border:5px solid #763737; height:2226px; margin:5px 0 0 0;}
#sidebar .categoryHeader{ height:29px; background:url(/Images/category_title.gif) no-repeat;}
#categoryBox{ background:#fff; height:2196px;}/*bg-30px*/
#categoryBox h1{font-size:14px; font-weight:bold; color:#652F2F; padding:5px 0 0 27px; margin:0 0 8px 0;}
#categoryBox h3{ font-size:14px; font-weight:bold; color:#652F2F; padding:3px 0 0 25px; margin:0 0 8px 0;background:url(/Images/category_dot.gif) no-repeat 10px 8px;}
#categoryBox h4 { font-size:12px; font-weight:normal; color:#1A1A1A; margin:5px 0;background:url(/Images/category_dot2.gif) no-repeat 0 4px; padding-left:15px;}

#category ul{ padding-left:28px; list-style-type:none;}
#category ul li{ padding:5px;background:url(/Images/category_dot2.gif) no-repeat 0 4px; padding-left:15px;}
#category .box{ border-bottom:2px solid #763737; padding:5px 0;}
/*---------------------------------------------- topSale */
#categoryBox .topSale{ padding:5px;}
#categoryBox .topSale h3{ background:url(/Images/topsale_title.gif) no-repeat; font-size:13px; color:White; margin:5px 0; padding:8px 0 0 0; height:35px; text-align:center;}
#categoryBox .topSale li{ padding:0 0 0 25px; height:30px;}
#categoryBox .topSale ul{ padding-left:12px;}
#categoryBox .li1{ background:url(/Images/icon_no.gif) no-repeat 0 0;}
#categoryBox .li2{ background:url(/Images/icon_no.gif) no-repeat 0 -50px;}
#categoryBox .li3{ background:url(/Images/icon_no.gif) no-repeat 0 -100px;}
#categoryBox .li4{ background:url(/Images/icon_no.gif) no-repeat 0 -150px;}
#categoryBox .li5{ background:url(/Images/icon_no.gif) no-repeat 0 -200px;}
#categoryBox .li6{ background:url(/Images/icon_no.gif) no-repeat 0 -250px;}
#categoryBox .li7{ background:url(/Images/icon_no.gif) no-repeat 0 -300px;}
#categoryBox .li8{ background:url(/Images/icon_no.gif) no-repeat 0 -350px;}
/*--------------------------------------------- productNewLink */
#categoryBox #productNewLink{background:url(/Images/news_bg.jpg) no-repeat 1px 0; height:53px;}
#news { height:145px; overflow:hidden; }
#news ul{ margin:0; padding:0 0 0 10px;}
#news li{ list-style-type:none; background:url(/Images/li.gif) no-repeat 0 3px; padding:3px 3px 3px 10px;}

#categoryBox #productSpecialLink{background:url(/Images/AD_special.gif) no-repeat 1px 0; height:85px;}
#categoryBox #productRecommendLink{background:url(/Images/AD_recommend.gif) no-repeat 1px 0; height:85px;}
#categoryBox .hideTextShowLink{ margin:5px 0;}
#categoryBox .hideTextShowLink span{ display:block;text-indent:-9999px; }
#categoryBox .hideTextShowLink a{ height:100%; width:100%; display:block; overflow:hidden;}

#content{ float:left; width:685px; margin-top:5px;}
/*-------------------------------------------------------------------------------------AD and Help */
#adAndHelp{ height:200px; width:686px;}

#adAndNews{ height:224px; width:100%; margin:8px 0;}
#adAndNews #adSlider{ float:left; width:498px;height:244px; margin-right:9px;background:#FFFBFA; border:1px solid #E4E4E4; overflow:hidden;}
#adSlider .adPics{ padding:10px;}
#adSlider #adRemark{ padding-left:15px;}

#scroolNewsBox{ float:left; width:174px; height:244px; background:#FFFBFA; border:1px solid #E4E4E4; overflow:hidden;}
	#scroolNews { float:left; width:174px; height:234px; background:#FFFBFA;overflow:hidden;}
	#scroolNews ul{ padding-left:15px; margin:0 5px; }
	#scroolNews li{ list-style-image:url(/Images/list_type.gif); padding:5px 2px;}
	.morenews{ float:left; background:#FFFBFA; text-align:right; padding:2px; width:170px;height:20px;}

div.jd_news_scroll {position: relative;overflow: hidden;}
div.jd_news_scroll ul {position: relative;list-style-type: none;padding: 0px;margin: 0px;}
div.jd_news_scroll ul li {padding: 0px;padding: 2px;padding-top: 3px;padding-left: 10px;margin: 0px;text-align:left;}

#content .proList{ background:url(/Images/newproduct_bg.jpg) no-repeat 624px 0; width:685px; height:615px;}
#content .proList li{ width:148px; height:201px; margin:2px 4px; float:left; background:url(/Images/product_img_bg.gif) no-repeat; overflow:hidden;}
#content .proList li .productSmallPic{ width:128px; height:128px; text-align:center; margin:6px 5px 5px 10px}
#content .proList li p{ margin:3px 0; text-align:center; padding:0 3px;}

/*----------------------------------------------------------------------------------- */
.scrollNewsBtn {position:absolute;right:0;bottom: -25px;}
.scrollNewsBtn a,
.scrollNewsBtn a {float:left;padding:0 5px;margin:0 2px 0 0;line-height:1.4;font-size:11px;font-weight:bold;font-family:Verdana,Arial;text-decoration:none;color:#5D5D5D;background:#fff;border:solid #9E9E9E 1px;}
.scrollNewsBtn a.lh,
.scrollNewsBtn a.lh,
.scrollNewsBtn a:hover {background:#C7C7C7;border:solid #9E9E9E 1px;color: #5D5D5D;}

#content .productListTitle{ margin-top:5px; padding:0 6px;}
#content .productListTitle li{ margin:2px 4px; height:20px;}
#content .productListTitle li a{ margin-right:20px;}
#content .productListTitle div{ float:left;}
#content .productListTitle .t{ margin:2px 4px; font-weight:bold;}

#annou{ color:#B01200; font-family:PMingLiU; margin-top:3px;}

/*---------------------------------------------------------------------------------- AD */
#featured {
	overflow: hidden; width: 480px; position: relative; height: 200px; margin:5px auto; text-align:center;
}
#featured .word {
	padding-right: 5px; padding-left: 5px; z-index: 10; left: 0px; padding-bottom: 5px; width: 470px; color: #fff; bottom: 0px; padding-top: 5px; position: absolute; height: 32px
}
#featured .word h3 {
	font-size: 13px
}
#featured .ui-els-hide {
	display: none
}
#thumbs {
	width: 500px; list-style-type: none; height: 28px; text-align:center;
}
* html #thumbs {
	height: 100%
}
#thumbs li {
	display: inline; float: left; width: 52px; margin-right: 4px; height: 24px
}
#thumbs ul {
	margin:3px auto 0 auto; width:450px;
}
#thumbs li.last_img {
	margin-right: 4px
}
#thumbs li.first {
	margin: 5px 10px 0pt 15px; width: 20px; cursor: pointer; height: 13px
}
#thumbs li.last {
	margin: 5px 12px 0pt 8px; width: 20px; cursor: pointer; height: 13px
}
#thumbs li a {
	border-right: #9c9c9c 2px solid; border-top: #9c9c9c 2px solid; display: block; font-size: 0px; border-left: #9c9c9c 2px solid; width: 48px; border-bottom: #9c9c9c 2px solid
}
#thumbs li a:hover {
	border-right: #99cc33 2px solid; border-top: #99cc33 2px solid; border-left: #99cc33 2px solid; border-bottom: #99cc33 2px solid
}
#thumbs li a.current {
	border: #FF8000 2px solid;/*#5fc243*/
}
#thumbs li.first img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}
#thumbs li.last img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}
#topstory {
	margin-top: 5px; margin-left: 5px; background: #fff; float: left; width: 490px; height: 237px
}
#highlight {
	padding-right: 5px; padding-left: 5px; float: left; padding-bottom: 5px; width: 470px; padding-top: 5px
}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* 全局样式 */
a { text-decoration:none;}
a:hover { text-decoration:underline;}
img { border: 0; vertical-align:top;}
ul { list-style:none;}
.span { color:#F00; font-size:13px; font-weight:900;}

/*內容上*/
.body_top { width:933px; height:260px; float:left; margin-top:10px;} 

/*商品分類*/
.fenlei { width:267px; height:260px; float:left;}
.fenlei_title { width:267px; height:27px; float:left;}
.fenlei_title_left,.fenlei_title_right { width:5px; height:27px; float:left;}
.fenlei_title_left { background: url(../images/imgaes.gif) 0 0 no-repeat;}
.fenlei_title_right { background:url(../images/imgaes.gif) -50px 0 no-repeat;}
.fenlei_title_center { width:247px; height:27px; float:left; background:url(../images/title_center_bg.gif) repeat-x; color:#FFF; font-size:15px; font-weight:900; padding-left:10px; display:inline; line-height:27px;}
.fenlei_body { width:265px; height:231px; float:left; border:1px #cccccc solid;}
.fenlei_body li { width:233px; height:30px; float:left; background:url(../images/fenlei_li_bg.gif) no-repeat 18px 11px; padding-left:32px; display:inline; font-size:15px; line-height:30px; border-bottom:1px #cccccc dotted;}
.fenlei_body li a { color:#666666;}
.fenlei_body li a:hover { text-decoration:none; background:#ecb68a; color:#FFF;}

/*廣告*/
.ad_news { width:411px; height:260px; margin:0 10px; float:left; display: inline; overflow:hidden;}

/*登入按鈕+廣告*/
.body_top_right { width:235px; height:260px; float:left;}
.login_box { width:235px; height:125px; float:left;}
.login_left,.login_right { width:6px; height:125px; float:left;}
.login_left { background:url(../images/imgaes.gif) 0 -50px no-repeat;}
.login_right { background:url(../images/imgaes.gif) -50px -50px no-repeat;}
.login_center { width:223px; height:123px; float:left; background:url(../images/login_center_bg.gif) repeat-x; text-align:center; padding-top:2px;}
.login_center img { margin-top:17px;}
.login_ad { width:235px; height:125px; float:left; margin-top:10px;}

/*產品列表*/
.products_list { width:933px; height:402px; float:left; margin-top:10px;}
.products_title { width:933px; height:27px; float:left;}
.products_title_left { width:132px; height:27px; float:left; background:url(../images/imgaes.gif) -100px 0 no-repeat; padding-left:57px; display:inline; line-height:27px; font-size:15px; font-weight:900; color:#FFF;}
.products_title_right { width:709px; height:24px; float:left; border-bottom:3px #c89566 solid; padding-left:35px; display:inline; line-height:24px; color:#888;}
.products_title_right a { color:#888;}
.products_title_right a:hover { color:#b67636;}
.products_title_right li { float:left;}
.products_title_right li span { margin:0 10px;}
.products_body { width:926px; height:364px; float:left; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; padding:5px 0 5px 5px;}
.products_body_left { width:199px; height:364px; float:left; margin-right:5px;}
.products_body_right { width:722px; height:364px; float:left; overflow:hidden;}
.products_body_right li { width:128px; height:182px; float:left; margin-right:16px; overflow:hidden; text-align:center; line-height:18px; color:#666;}
.products_body_right li a { color:#666;}
.products_body_right li a:hover { color:#b67636;}

/*其它名牌精品/品牌資訊*/
.body_bottom { width:933px; height:468px; float:left; margin-top:10px;}
.qita_box { width:701px; height:468px; float:left; margin-right:10px;}
.qita_title { width:701px; height:27px; float:left;}
.qita_title_left { width:151px; height:27px; float:left; background:url(../images/imgaes.gif) -100px 0 no-repeat; font-size:15px; font-weight:900; color:#FFF; padding-left:38px; display:inline; line-height:27px;}
.qita_title_right { width:491px; height:24px; float:left; border-bottom:3px #c79b6e solid; font-family:Arial; line-height:24px; text-align:right; padding-right:21px; color:#888;}
.qita_title_right li { float:left;}
.qita_title_right li span { margin:0 10px;}
.qita_title_right a { color:#888;}
.qita_title_right a:hover { color:#b67636;} 
.qita_body { width:699px; height:430px; float:left; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; padding-top:10px; line-height:18px; overflow:hidden;}
.qita_body li { width:128px; height:215px; float:left; margin-left:10px; display:inline; text-align:center; color:#666;}
.qita_body li a { color:#666;} 
.qita_body li a:hover { color:#b67636;}
.zixun_box { width:222px; height:468px; float:left;}
.zixun_title { width:222px; height:27px; float:left;}
.zixun_title_left,.zixun_title_right { width:5px; height:27px; float:left;}
.zixun_title_left { background:url(../images/imgaes.gif) 0 0 no-repeat;}
.zixun_title_center { width:202px; height:27px; float:left; background:url(../images/title_center_bg.gif) repeat-x; padding-left:10px; display:inline; line-height:27px; font-size:15px; font-weight:900; color:#FFF;}
.zixun_title_right { background:url(../images/imgaes.gif) -50px 0 no-repeat;}
.zixun_title_center span { float:right; margin-right:10px; display:inline; font-weight:100; font-family:Arial; font-size:12px;}
.zixun_title_center span a { color:#fff;}
.zixun_body { width:220px; height:439px; float:left; border:1px #ccc solid; overflow:hidden;}
.zixun_body li { width:204px; height:20px; float:left; line-height:20px; background:url(../images/fenlei_li_bg.gif) no-repeat 5px 5px; padding-left:16px; display:inline; margin-top:12px; overflow:hidden; border-bottom:1px #cbcbcb dotted; color:#666;}
.zixun_body li a { color:#666;}
.zixun_body li a:hover { color:#b67636;}
#pnlMemberInfo { width:235px; height:125px; float:left;}
p.productName{ width:128px; height:35px; overflow:hidden;}
.topnav { width:500px; height:18px; overflow:hidden; float:left; margin-left:55px; display:inline;}

/* 图片滑动 */
#adbox{width:411px;height:260px;overflow:hidden;font-size:12px}
#adbox ul{padding:0;margin:0;list-style-type:none}
#adbox li{height:293px}
#adbox li img{border:0;width:411px;height:260px}
#adbox li a{display:block}
#adbox li span{display:block;background:#f5f5f5;padding:7px 0 7px 20px;width:100%;height:29px;}
.slider{position:relative;width:411px;height:260px;overflow:hidden}
.slider img{border:0}
.sliderPrevPhoto{position:absolute;top:0;left:0}
.sliderPhoto{position:absolute;top:0;left:0}
.sliderTitle{display:block;position:absolute; bottom:0; width:411px; text-align:left; height:18px; padding:2px 0 0 10px; background:#B78347; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);}
.sliderTitle a{ color:#fff;}
.sliderNav{position:absolute;bottom:0;right:0; background:#B78347; height:20px;}
.sliderNav span{cursor:pointer;display:block;float:left;width:20px;height:20px;background:transparent;text-align:center;color:#fff;font-family:Verdana;font-size:11px;font-weight:bold;padding-top:2px;}
* html .sliderNav span{position:relative} /* IE6 hack: The positive side of negative margins */
.sliderNav span.sliderNavCurr{color:#fff; background:#ff6600;padding-top:2px;}
.productSmallPic { height:128px; float:left; overflow:hidden;}


/*分類選項卡*/
#a_1_news, #a_2_news, #a_3_news, #a_4_news { display:inline; width:265px; _width:260px; height:230px; float:left; }
#a_1_news img, #a_2_news img, #a_3_news img, #a_4_news img { float:left; margin-right:5px; }
#a_1_news ul, #a_2_news ul, #a_3_news ul, #a_4_news ul { margin:4px 4px }
#a_2_news li, #a_3_news li { float:left; width:110px; height:20px; overflow:hidden; padding-left:18px;_padding-left:15px; line-height: 22px; }
/*#a_1_news li { background-image: url(/images/a_no_news.gif); background-repeat: no-repeat; background-position: left 5px; }*/
#a_2_news li{ background-image: url(http://www.adidas-clothes.com/images/a_no_news.gif); background-repeat: no-repeat; background-position: left 8px; }
#a_3_news li { background-image: url(http://www.adidas-clothes.com/images/a_no_news.gif); background-repeat: no-repeat; background-position: left -55px; }
#a_1_news li a, #a_2_news li a, #a_3_news li a, #a_4_news li a { font-size:13px; font:Arial; color:#666; text-decoration:none; }
#a_1_news li a:hover, #a_2_news li a:hover, #a_3_news li a:hover, #a_4_news li a:hover { text-decoration:underline; }
#a_2_news, #a_3_news, #a_4_news { display:none; }
#a_1_news ul { margin:6px 8px }
#a_1_news ul ul { margin:1px 0px }
.a_02_news li { float:left; height:19px; overflow:hidden; font-size:12px; margin-right: 7px; }
.a_02_news .titleico { background-image:url("http://www.adidas-clothes.com/images/a_no_news.gif"); background-position:0px -25px; background-repeat:no-repeat; color:#146A74; display:block; font-size:13px; font-weight:bolder; height:14px; line-height:14px; overflow:hidden; padding-left:18px; width:235px; color:#F60 }
.rexiao_body_p { height:40px; line-height:20px; overflow:hidden; }
.rexiao_box_title { width:265px; height:25px; float:left; font-size:14px; font-weight:900; text-align:center; line-height: 28px; background-color: #FFF3E7; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #C8C8C8; }
.rexiao_box_title li { float:left; display:inline; width:80px; }
.rexiao_box_title li a { color:#333; }
.rexiao_box_title .hover { border-left:1px #c8c8c8 solid; border-right:1px #c8c8c8 solid; border-top:1px #c8c8c8 solid; background:#FFF; padding:0 5px; float:left; font-weight:900; color:#970014; height:23px; margin-top:2px; line-height: 20px }
.shopping_body { width:265px; height:256px; float:left; overflow:hidden; border-top-width: 3px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #D0AA85; border-right-color: #C89C6F; border-bottom-color: #C89C6F; border-left-color: #C89C6F; }


/*www.adidas-cup.com 四个选项卡*/
.rexiao_box_title4 { width:265px; height:25px; float:left; font-size:14px; font-weight:900; text-align:center; line-height: 28px; background-color: #FFF3E7; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #C8C8C8; }
.rexiao_box_title4 li { float:left; display:inline; width:60px; }
.rexiao_box_title4 li a { color:#333; }
.rexiao_box_title4 .hover { border-left:1px #c8c8c8 solid; border-right:1px #c8c8c8 solid; border-top:1px #c8c8c8 solid; background:#FFF; padding:0 5px; float:left; font-weight:900; color:#970014; height:23px; margin-top:2px; line-height: 20px }
