/* CSS Document */

.headbox{
	background: url("./banner_top.jpg") no-repeat scroll 100% 100%;
	padding-bottom:0px;
}

h2{
	font-size: 36px;
}
h3{
	font-size: 24px;
}
h4{
	font-size: 18px;
}

button{
	background: #C50E00;
	color: #FFF;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	text-align: center;
	padding: 3px 5px;
	*padding: 0px 2px;
	_padding: 0px 2px;
	cursor: pointer;
}
.black{
	color:#000;
}
.red{
	color: #C50E00;
}
.clear1{
	clear: both;
}
.txtcenter{
	margin: 0px !important;
	text-align: center;
}
.top20{
	margin-top: 40px !important;
}

.rightbox dl{
	margin: 2px 0px;
}

dl.shopTitle{
	margin-top: 10px;
	border: #eee 1px solid;
	height: 30px;
	background: #f5f5f1;
	color:#C50E00;
}
dl.shopTitle dd{
	float: left;
	margin-left: 10px;
	line-height: 30px;
}
.titleStyle{
	width: 100px;
	margin:0px !important;
	text-align: center;; 
	background: #C50E00;
	color:#f5f5f1;
	border-right: #ccc 1px solid;
}

dl.tabblock{
	overflow: hidden;
}
dl.tabblock dt{
	width: 100%;
	height: 35px;
}

dl.tabblock dt ul{
	list-style: none;
	width: 100%;
	display: block;
	height: 35px;
}
dl.tabblock dt ul li{
	background: url("memu_bg_off.jpg") no-repeat scroll 100% 100%;
	float: left;
	width: 70px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
	margin-top: 10px;
/*	background: #ccc; */
	border-right:1px solid #FFFFFF;
}

dl.tabblock dt ul li.currTab{
	background: url("memu_bg.jpg") no-repeat scroll 100% 100%;
	height: 25px !important;
/*	background: #C50E00 !important; */
	font-size: 13px !important;
	line-height: 28px !important;
	margin-top: 10px !important;
	color:#FFF !important;
}

dl.tabblock dt ul li:hover{
	background: #ddd;
	color: #999;
}

dd.threecoldd{
	width: 100%;
	height: 260px!important;
	background: #f5f5f1;
	border-bottom: #eee 1px solid;
	border-right: #eee 1px solid;
	border-top: #810014 3px solid;
	display: none;
}

dd.threecoldd ul{
	list-style: none;
	width: 750px;
	height: 260px!important;
	margin: 0px auto;
	display: block;
}
dd.threecoldd ul li{
	width: 250px;
	*width:246px;
	float: left;
	margin: 0px 10px;
}
dd.threecoldd ul li dt{
	border:none;
	width: 128px!important;
	height: 128px!important;
	margin: 0 auto;
	border:#ccc 1px solid;
	background: #FFF;
	cursor: pointer;
}
dd.threecoldd ul li dt img{
	height: 128px;
	width: 128px;
	display: block;
/*	margin: 10px; */
    /*border:1px solid #EDEDED;*/
}
dd.threecoldd ul li dd{
	height: 20px;
	line-height: 20px;
	border:none;
	text-align: center;
	display: block;
}
dd em{
	margin-right: 2px;
	font-style: normal;
}

dd.twocoldd{
	width: 100%;
	height: auto;
	background: #f5f5f1;
	border-bottom: #eee 1px solid;
	border-right: #eee 1px solid;
	border-top: #810014 3px solid;
}

dd.twocoldd ul{
	list-style: none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
dd.twocoldd ul li{
	margin: 5px 5px !important;
	float: left !important;
	width: 362px !important;
	*width: 362px;
	*height:140px;
	height:140px;
	border:#ccc 1px solid;
	display:inline;
}
dd.twocoldd ul li span{
	margin: 5px;
	float: left;
    display:inline-block;
}
span.simgspan{
	border:#CCC 1px solid;
	background: #FFF;
	cursor: pointer;
/*	padding: 10px !important;
	*padding:9px; */
/*	_padding:8px;*/
    width:128px!important;
    height:128px!important;
}

span.contentspan{
	width:210px!important;
	*width:210px!important;
	float:left!important;
}
dd.twocoldd ul li span img{
	width: 100%;
	height: 100%;
    /*border:1px solid #EDEDED;*/
}
dd.twocoldd ul li span p{
	/*height: 19px;*/
	line-height: 19px;
}

/* 翻页导航*/
dl.pagenav{
	height: 30px;
	padding: 0px;
	margin-top:-10px;
}

dl.pagenav dd{
	text-align: center;
}

dl.pagenav dd a{
	margin-left: 5px;
	display: inline-block;
	padding: 5px;
	width: 20px;
	height: 20px;
	*width: 25px;
	*height: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	*line-height: 25px;
	border:#ccc 1px solid;
	background: #f5f5f1;
	cursor: pointer;
	text-decoration:none;
	color:#4e4e4e;
	*overflow: hidden
}

dl.pagenav dd a:hover{
	border:#C50E00 1px solid !important;
	color:#C50E00 !important;
}

a.currpage{
	background: #C50E00 !important;
	border:#C50E00 1px solid !important;
	cursor:default !important;
	color: #FFF !important;
}

dl.pagenav dd a.currpage:hover{
	color: #FFF !important;
}
b.next{
	clear: both;
	width: 0px;
	height: 0px;
	border-width:6px;
	border-style:solid;
	font-size:0;
	line-height:0;
	border-color:#f5f5f1 #f5f5f1 #f5f5f1 #4e4e4e;
	position:relative;
	left:4px;
	top:5px;
	*top:4px;
	display: inline-block;
	overflow: hidden;
}
dl.pagenav dd a:hover b.next{
	border-color:#f5f5f1 #f5f5f1 #f5f5f1 #C50E00 !important;
}
b.lpos1{
	left:0px !important;
	*left:6px !important;
}
b.lpos2{
	left: 7px !important;
	top:-7px !important;
	*top:4px !important;
	*left: 2px !important;
}
b.prev{
	clear: both;
	border-width:7px;
	*border-width:6px;
	width: 0px;
	height: 0px;
	border-style:solid;
	font-size:0;
	line-height:0;
	border-color:#f5f5f1 #4e4e4e #f5f5f1 #f5f5f1;
	position:relative;
	left:-4px;
	top:4px;
	display: inline-block;
}
dl.pagenav dd a:hover b.prev{
	border-color:#f5f5f1 #C50E00 #f5f5f1 #f5f5f1 !important;
}
b.fpos1{
	left:-8px !important;
	*left: 0px !important;
	z-index: 3;
}
b.fpos2{
	left: -1px !important;
	top: -10px !important;
	*top:4px !important;
	*left: -5px !important;
	z-index: 2;
}

/* 弹出窗口层 */
#popgroupdiv,#poplotterydiv,#pop_exchange_div{
	display: none;
}
.backGroundDiv{
	position: fixed;
	*position:absolute;
	background: rgba(0,0,0,0.5) !important;
	background: #000;
	top: 0px;
	left: 0px;
	z-index: 10;
	filter:Alpha(Opacity=70);/*IE*/
	width: 100%;
	height: 100%;
	*height: 1400px;
	/*-moz-opacity:0.5;/*FF*/
	/*opacity:0.5;/*Chrome*/
}
.popWinDiv{
	width: 420px;
	height: 280px;
	position: fixed;
	*position:absolute; 
	border:#ccc 1px solid;
	background: #f5f5f1;
	color: #4e4e4e;
	top: 50%;
	*top:expression(eval(document.documentElement.scrollTop+200));
	left: 50%;
	margin-left:-200px;
	margin-top: -140px; 
	z-index: 20;
}
.popWinDiv dl{
	width: 100%;
	height: 100%;
}
.popWinDiv dl dt{
	height: 25px;
	line-height: 25px;
	background: #C50E00;
	color: #FFF;
	font-size: 14px;
	padding-left: 10px;
}
#popgroupdiv .winInfoDD{
	width: 350px;
	margin: 10px auto;
}

#poplotterydiv .winInfoDD, #pop_exchange_div .winInfoDD{
	width: 380px;
	margin: 10px auto;
}

#popgroupdiv .winimgspan{
	float: left;
	margin: 10px;
	background: #FFF;
	border:#CCC 1px solid;
}
#popgroupdiv .winimgspan img{
	width: 70px;
	height: 70px;
    border:6px solid #EDEDED;
}

.wininfospan{
	float: left;
	margin: 10px;
}

.wininfospan p{
	line-height: 22px;
}

#poplotterydiv .winimgspan,#pop_exchange_div .winimgspan{
	float: left;
	margin: 10px;
	background: #FFF;
	border:#CCC 1px solid;
}
#poplotterydiv .winimgspan img, #pop_exchange_div .winimgspan img{
	width: 80px;
	height: 80px;
    border:6px solid #EDEDED;
}

em.emW1{
	width: 80px;
	display: inline-block;
}
em.emW2{
	width: 80px;
	display: inline-block;
}
em.emW3{
	width: 100px;
	display: inline-block;
}

.winPointDD{
	width: 350px;
	border:#CCC 1px solid;
	margin: 10px auto;
}
#popgroupdiv .winPointDD span{
	float: left;
	text-align: center;
	width: 150px;
	margin: 10px;
}

#poplotterydiv .winPointDD span, #pop_exchange_div .winPointDD span{
	float: left;
	text-align: center;
	/* width: 150px;*/
	margin: 11px;
}

.winPointDD span p{
	line-height: 22px;
}

#popgroupdiv .winButtonDD{
	width: 220px;
	margin: 10px auto;
}

#poplotterydiv .winButtonDD,#pop_exchange_div .winButtonDD{
	/* width: 220px;*/
	margin: -10px auto;
	text-align:center;
}

.winButtonDD button{
/*	width: 80px; */
	margin: 10px;
}


.p03_shop {
	/*background: url("./text_bg.jpg") repeat-y scroll 100% 100%;*/
	padding: 0px 0 2px 10px;
    border-bottom:1px solid rgb(153, 153, 153);
}

dl.pageTable{
	margin-top: 10px;
	border:#eee 1px solid;
	background: #f5f5f1;
}
dl.pageTable dt{
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	background: #C50E00;
	color: #FFF;
}
dl.pageTable dd{
	margin:0;
	height: 90px;
	border-bottom: 1px #999999 solid;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;
	
	/*padding: 5px 0; */
	z-index: 5;
}
dl.pageTable dd:hover{
	background: #e3e3e3;
}
dl.pageTable span{
	text-align: center;
	display: block;
	float: left;
    margin-top:3px;
}
dl.pageTable span img{
	width: 70px;
	height: 70px;
    border:6px solid #EDEDED;
}

.itemlist{
	
}


.p03_cart{
    padding: 5px 0 5px 10px;
    border:1px solid rgb(153, 153, 153)
}

.p03_cart span{
    margin:10px;
}




.tableinfo_shop {width:100%;margin:0px auto;font:Georgia 11px;font-size:12px;color:#333333;text-align:center;border-collapse:collapse;}
.tableinfo_shop td{font:12px Arial;border:1px solid #999;height:22px;}
.tableinfo_shop td span{font-weight:bold}
.tableinfo_shop caption{text-align:center;font-size:12px;font-weight:bold;margin:0 auto;}
.tableinfo_shop tr.t1 td {background-color:#fff;}/* 交替行第一行的背景色 */
.tableinfo_shop tr.t2 td {background-color:#e1e4e7;}/* 交替行第二行的背景色 */
.tableinfo_shop tr.t3 td {background-color:#ccc;}/* 鼠标经过时的背景色 */
.tableinfo_shop th,tfoot tr td{font-weight:bold;text-align:center;background:#c43f3e;}
.tableinfo_shop th{ color:#FFF;border:1px solid #999;}
.tableinfo_shop th{line-height:30px;height:30px;}
.tableinfo_shop tfoot tr td{background:#fff;line-height:26px;height:26px;}
.tableinfo_shop thead{border:1px solid #999;}
.tableinfo_shop thead tr td{text-align:center;}

.p01_shop {padding:0em 0px 2em 0px;color:#444;line-height:2em;}


tr.twocoldd{
	width: 100%;
	height: auto;
	background: #f5f5f1;
	border-bottom: #eee 1px solid;
	border-right: #eee 1px solid;
	border-top: #810014 3px solid;

}

tr.twocoldd_notop{
	width: 100%;
	height: auto;
	background: #f5f5f1;
	border-bottom: #eee 1px solid;
	border-right: #eee 1px solid;
}

tr.twocoldd span,tr.twocoldd_notop span{
	margin: 5px;
	float: left;
}
span.simgspan_shop{
	border:#CCC 1px solid;
	background: #FFF;
	cursor: pointer;
/*	padding: 10px !important; 
	*padding:9px; */ 
	_padding:8px;
}
tr.twocoldd span img,tr.twocoldd_notop span img{
	width: 70px;
	height: 70px;
    border:6px solid #EDEDED;
}
tr.twocoldd span p,tr.twocoldd_notop span p{
	height: 19px;
	line-height: 19px;
	text-align:left;
}

.pagination {
	height: 30px;
	padding: 0px;
	margin-top:-10px;
	text-align: center;
}
        
.pagination a {
	margin-left: 5px;
	display: inline-block;
	padding: 5px;
	width: 20px;
	height: 20px;
	*width: 25px;
	*height: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	*line-height: 25px;
	border:#ccc 1px solid;
	background: #f5f5f1;
	cursor: pointer;
	text-decoration:none;
	color:#4e4e4e;
	*overflow: hidden;
	border-radius:2px;
}

.pagination a, .pagination span {
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    color: #fff;
	border: solid 1px #AAE;
	
	margin-left: 5px;
	display: inline-block;
	padding: 5px;
	width: 20px;
	height: 20px;
	*width: 25px;
	*height: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	*line-height: 25px;
	border:#ccc 1px solid;
	background: #C50E00;
	cursor: pointer;
	text-decoration:none;
	color:#FFFFFF;
	*overflow: hidden;
	border-radius:2px;

}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
	width:60px;
}

.pagination .prev, .pagination .next{
	width:60px;
}

.button05 {
	background:url(./banter_bg.jpg) 5% center no-repeat; 
	color:#FFFFFF;
	display: inline-block;
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
    border-radius: 3px;
    width:60px;
    font-size:13px;
    height:30px;
}

.button10 {
	background:url(./banter_bg100.jpg) 0% center repeat-x; 
	color:#FFFFFF;
	display: inline-block;
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
    border-radius: 3px;
    width:100px;
    font-size:13px;
    height:30px;
}

span.lblstr{width:80px; font-weight:bold;display:inline-block;}
span.lblnum{width:60px; text-align:right;display:inline-block;}
ul.leftuser{
	
	background:url(./user_bg.jpg) 5% center no-repeat;
	height:170px;

}
ul.leftuser li{margin-top:4px;}


#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#hoverNav a{ outline:none;}

/* 新道具 */
#img_200001{
	background:url(./xdj100.png) 100% center no-repeat; 
	width:100%!important;
	height:100px!important;
	display:block;
	text-indent:-9999px;
	}

#img_{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;
}

/* 推荐 */
#img_200002{
	background:url(./tj100.png) 100% center no-repeat; 
	width:100%!important;
	height:100px!important;
	display:block;
	text-indent:-9999px;
	}

/* 推荐 */
#img_200003{
	background:url(./hd100.png) 100% center no-repeat; 
	width:100%!important;
	height:100px!important;
	display:block;
	text-indent:-9999px;
	}

/* 积分抽 */
#img_200004{
	background:url(./jfc100.png) 100% center no-repeat; 
	width:100%;
	height:100px;
	display:block;
	text-indent:-9999px;
	}
#img_200004,#img_200001,#img_200002,#img_200003 { left:0; float:left;}

#imageContainer{
	width:128px!important;
	height:128px!important;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

dd.notice p{
	margin-left:20px;
	margin-top:5px;
}

.picScroll-left{ overflow:hidden; position:relative; }
.picScroll-left .hd{ position: relative;z-index:2;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:24px; height:50px;  overflow:hidden;cursor:pointer; background:url("./k-ico-14.jpg") no-repeat;position:absolute;top:96px;}
.picScroll-left .hd .prev{left:0px;background-position:left top;}
.picScroll-left .hd .prev:hover{background-position:left bottom;}
.picScroll-left .hd .next:hover{background-position:right bottom;}
.picScroll-left .hd .next{ background:url("./k-ico-14.jpg") no-repeat;right: 0px;background-position:right top;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{padding-top:10px;padding-left:32px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; margin-right:18px;width:158px;}
.picScroll-left .bd ul li .pic{ text-align:center;padding:7px;padding-bottom:12px;background: url(./k-img13.jpg) no-repeat;line-height:20px;}
.picScroll-left .bd ul li .pic img{ width:144px; height:144px; display:block;}
.picScroll-left .bd ul li .title{line-height:20px;text-align:left; text-align:center;}
.picScroll-left .bd ul li .title .k-one{ font-size:12px; padding-bottom:3px; color:#666666; display:block; }
.picScroll-left .bd ul li .title .k-two{ color:#6699cc; font-size:14px; }
.picScroll-left .bd .picList li .k-cost{ font-size:12px; line-height:17px; height:17px; overflow:hidden; color:#ff6600; display:block; }
.picScroll-left .bd .picList li .k-cost img { vertical-align:middle; margin-right:5px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}


#pop_exchange_div .item_block{
	float:left;
}

#pop_exchange_div .item_block .image_block{
	text-align:center;
}

#pop_exchange_div .item_block .name_block{
	clear:both;
    text-align:center;
    line-height:20px;
    height:20px;
    margin-top:5px;
}
#pop_exchange_div .item_block .point_block{
    clear:both;
	text-align:center;
    line-height:20px;
    height:20px;
    margin-top:5px;
}

#pop_exchange_div .item_block .action_block{
    clear:both;
	text-align:center;
    margin:5px 0 10px;

}