/* Imports
----------------------------------------*/
@import url("reset.css");
@import url("load.css");
/* Elements
----------------------------------------*/
/* Code written by Firekinger */
/*--- Link Styles ---*/
a{text-decoration: none; color:#5F5F5F; border-width: 0px 0px 1px 0px; border-color: #bbb; border-style: solid; line-height: 20px;}
a.logo{border-width: 0px;}
a:visited{text-decoration: none; color:#666; border-color: #ccc;}
a:hover{text-decoration: none; color:#5F5F5F; border-color: #3595D1;}
a:active{}
/* Standard Presentation
----------------------------------------*/
body{
	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif,"ËÎÌå"; line-height: 20px; background-image: url(../images/default/bg.gif);
}
/*--- Id ---*/
#Container{
	width:950px; margin:auto;
}

#Header{
	margin-top: 20px;	width:950px; margin:auto; background-color: #fff;
}

#Menu{
	padding-top:6px; width:500px; height:34px; float:left;
}
#MenuList li{
	width: 160px; float: left; font-size: 14px; font-weight: bold;
}
#MenuList li a{
	height: 30px; display: block; line-height: 30px; text-align: center; background-color: #eee;
}
#MenuList li a:hover{
	background-color: #f6f6f6;
}
#Main{
	width:950px; margin:auto; background-color: #fff;
}
#MainLeft{
	width:188px; padding-right:6px; background:url(../images/default/cateBg.gif); float:left;
}
#MainRight{
	width:750px; margin-left:6px !important; margin-left:0px; float:left;
}
#MainBanner{
	padding-left:8px; padding-top:8px; padding-bottom:8px; width:742px; background-color: #ECECEA;position:relative;
}
#MainBannerT{
	padding-left:8px; padding-top:8px; padding-bottom:8px; width:742px; background-color: #ECECEA;position:relative; display: none;
}
#MainPanel{
	padding-left:8px; width:742px; background-color: #ECECEA; padding-bottom: 1px;
}
#MainPanelT{
	padding-left:0px; padding-top: 8px; width:742px; height: 368px; background-color: #ECECEA; padding-bottom: 1px;
}

#Footer{
}

/* Standard Definitions
----------------------------------------*/
.clear{
	clear: both; font-size:0px;
}
.logo{
	width:160px; float:left;
}
.bar{
	width:248px; float:right;
}
.barInfo{
	padding-top: 3px;
}
.barInfo img{
	vertical-align:middle;
}
.box{
	width:950px; margin:auto; background-color: #fff;
}
.btn{
	padding-top:1px; padding-left:3px; padding-right:3px; height:25px;
}
.line {
	font-size:0px;	height:5px;	margin:0px auto 10px auto;	border-bottom-style:solid;	border-bottom-width: 1px; border-bottom-color: #E5E5E5;
}
.dotline {
	font-size:0px;	height:5px;	margin:0px auto 10px auto;	border-bottom-style: dotted;	border-bottom-width: 1px; border-bottom-color: #999;
}
.strong{
	font-weight: bold;
}
/* Color
----------------------------------------*/
.red{
	color:#FF0000;
}
.gray{
	color:#5F5F5F;
}
.lightgray{
	color: #666;
}

/* Other
----------------------------------------*/
.topText{
	width:300px; padding-top:74px; color:#939393; float:left;
}
.menuBar{
	width:500px; height:40px; float:left;
}
.searchBar{
	width:380px; height:40px; line-height: 40px; float:right;
}
.serviceTel{
	font-size: 14px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #990000;
}
.pointTitleGift{
	width:188px; height:30px; background:url(../images/giftPoint.gif);
}
.serviceTitleGift{
	width:188px; height:30px; background:url(../images/giftService.gif);
}
.otherTitleGift{
	width:188px; height:30px; background:url(../images/giftOther.gif);
}
.catalogTitleGift{
	width:188px; height:30px; background:url(../images/giftCategory.gif);
}
.tagTitleGift{
	width:188px; height:30px; background:url(../images/giftTag.gif);
}
.catalogTitleUser{
	width:188px; height:30px; background:url(../images/memberTitle.gif);
}
.catalogArray{
	width:165px; line-height:20px; color:#666666; margin-left:9px; padding-top: 10px;
}
.catalogArray .item{
	padding-left:12px;
}
.catalogArray ul li{
	height:25px; padding-left:30px; background:url(../images/vip_ico.jpg) no-repeat 10px 4px;
}
.catalogBottom{
	width:194px; height:9px; background:url(../images/default/cateBot.jpg);
}



.addBar{
	width:113px; height:33px; background:url(../images/default/addbar.gif);
}

.navTitle{
	width: auto; height:30px; padding-left:10px; line-height:30px; background-color:#eeeeee;
}
.navTitleRight{margin-left: 400px; height: 30px; line-height: 30px; text-align: right;}
/* Page
----------------------------------------*/
.pageTitle{
	height:20px; padding:6px 10px; line-height:20px; background-color: #eeeeee; clear: both;
}
.pageLeft {
	margin-left:0px; margin-right:0px; width:691px; height:auto; float:left;
}
a.page{
	margin:6px; padding:1px; text-align: center;
}
.pageLeftMain{
	width: 691px; height: 468px;
}
.pageLeftPro {
	width: 264px; color:#333333; float:right;
}
.pageCenter{
	width:400px; height:480px; float:left;
}
.pageMiddle{
	width:400px; height:480px; position:absolute; z-index:5; overflow:hidden; background-color: #eee; border-width: 1px; border-color: #DFDFDF; border-style: solid;
}
.pageMiddle1 {
	width:400px; height:480px; position:absolute; z-index:1; overflow:hidden; background-color: #eee; border-width: 1px; border-color: #DFDFDF; border-style: solid;
}
.pageMiddle2 {
	position:absolute; width:691px; height:485px; z-index:1; overflow:hidden; border-width: 1px; border-left-color: #3595D1; border-top-color: #fff; border-bottom-color: #fff; border-right-color: #fff; border-style: solid;
}
.pageRight{
	width: 234px; height:480px; color:#333333; float:right;
}
/* Meadia
----------------------------------------*/
#mediaMain {
	width:734px; height:270px; padding:8px; background-color:#E9EAEA;
}
#mediaLeft {
	width:354px !important; width:344px; height:270px; float:left;
}
#mediaRight {
	width:378px; height:270px; float:right;
}
#mediaText {
	width:329px; height:135px;padding:32px 10px 15px 10px; background:url(../images/media_bg1.gif); overflow:hidden; color:#5B6173; line-height:30px;
}
.mediaBlock1{
	width:110px !important; width:114px; height:94px !important;height:96px; line-height:20px; margin-right:8px !important; margin-right:0px; background-color:#A2A2AA; text-align:center; font-size:11px; font-weight:bold; color:#FFFFFF; float:left; 
}
.mediaBlock2{
	width:110px !important; width:114px; height:94px !important;height:96px; line-height:20px; margin-right:8px !important; margin-right:0px; background-color:#000000; text-align:center;  font-size:11px; font-weight:bold; color:#FFFFFF; float:left; 
}
.mediaTitle{
	font-size: 14px; font-weight: bold; line-height: 25px;
}
.mediaContent{
	font-size: 12px; line-height: 20px;
}
.mediaBtn{
	padding-top:2px; width: 80px; height:20px; display: block; text-align: center; background-color:#B2B2B9; border:none; color:#FFFFFF;
}
/* Product
----------------------------------------*/

.proArray{
	width:750px; height: auto; background-color: #ECECEA; display: table;
}
.proArray ul{
	margin-left: 9px!important; margin-left: 6px;
}
.proArray ul li{
	margin:0px 6px 10px 0px; width:176px; height:261px; border:1px solid #DFDFDF; background-color:#FFFFFF; float:left; 
}
.proArrayText{
	padding-left:10px; line-height: 18px;
}
.proArray ul li a{
	width:176px; height:260px !important; height: 258px; float:left;
}
.proArray ul li a:hover{
	text-decoration: none; border-width: 1px; border-color: #3595D1; border-style: solid;
}
.proArray ul li img{
	margin-bottom:12px;
}

.proHistory{
	padding:2px; border:5px solid #F2F2F2;
}
.proHistoryTitle{
	height:20px;padding-top:8px; background-color:#3595D1; text-align:center; font-weight:bold; color:#FFFFFF;
}
.proHistoryContent{
	margin:8px; width: 205px;
}
.proHistoryContent td{
	vertical-align: middle; line-height: 20px;
}
.proHistoryContent td img{
	padding-top: 4px; padding-bottom: 4px;
}
.proTitle {
	height:20px; line-height:20px; font-weight:bold; font-size:14px; color:#333333; margin-bottom:5px;
}
.proId {
	height:25px; line-height:25px; 
}
.proIdNum {
	height:25px; line-height:25px; font-weight: bold; 
}
.proPoints {
	height:50px; line-height:40px;
}
.proPointsNum{
	font-size: 30px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #990000;
}
.proPrice {
	height:25px; line-height:25px;
}
.proNote{
	color: #999; line-height: 20px;
}
.proShare
{
	height:25px; line-height:25px; color: #666;
}
.proShareSelect
{
	
}
.proColor {
	height:20px; line-height:20px;
}
.proColorSelect {
	margin-bottom:12px;
}
.proColorSelect li{
	width:30px; height:30px; padding:1px; margin-right:4px;border:1px solid #336699; background-color:#FFFFFF; float:left;
}
.proColorSelect li div{
	width:30px; height:30px; cursor:pointer;
}
.proDetail{
	padding-right: 20px; width:650px; float:right;
}
.proDetailTitle{
	height:30px; color:#666666; font-weight:bold; font-size: 14px; line-height: 30px;
}
.proDetailContent{
	line-height:20px;
}
.proDetailContent p{
	line-height:20px;
}
.proOther{
	
}
.proOther li{
	line-height: 20px;
}

.userFqa{
	width: 750; height:auto; 
}
.userFqa ul{
	padding:0;margin:0;
}
.userFqa li{
	line-height:25px; list-style: none; background-color:#f9f9f9; padding:5px 10px;
}
.userFqa li.q{
	font-weight: bold; background-color:#eee; padding:0px 10px;
}
.userFqa li.q a{
	line-height:35px; height: 35px; color: #990000;
}

.zoomDiv {
	width:400px; height:20; text-align:right; line-height: 20px;
}

.checkOut {
	height:50px; background-color:#F2F2F2; padding:12px;
}
.slideBtn {
	height:12px;text-align:right;margin-bottom:15px
}
.submit{
	margin-top: 1em;
	margin-left: 9em;	
}
.submit input{
	padding-top:1px; padding-top:1px; padding-left:3px; padding-right:3px; height:25px;
}

#searchKey {
	width:220px; height:20px; border: 1px solid #DBDBDB; padding-left:5px; line-height:20px; color:#919191; margin: 5px 0px 0px 0px;
}
.userLogin{
	width:460px; height:260px; border:1px solid #C7C7C7;margin:0px auto 50px auto; background:url(../images/loginPic.jpg) no-repeat 0px 10px; background-color: #f2f2f2;
}
#userLoginForm {
	margin-top: 20px; margin-left: 80px; font-size:12px; color: #666;
}
#userLoginForm li{
	margin-top: 20px;
}
#userLoginForm .input_text{
	margin: 2px; float:left; width: 55px; line-height: 20px;
}
#userLoginForm .input{
	/*font-size:14px;height:20px; line-height:20px; padding-left:5px; border:1px solid #DBDBDB; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family:Helvetica,Arial,Sans-Serif; background:#F9F9F9;border-color:#B4B4B4 #E4E4E4 #E4E4E4 #B4B4B4;border-style:solid;border-width:1px;font-size:18px;font-weight:bold;height:22px;line-height:22px;overflow:hidden;padding:4px 0;text-indent:9px;width:200px;
}

.infoFirst{
	height: 60px; padding-top:5px; padding-left:15px; text-align: left; line-height: 30px;
}
.userNote{
	margin-left: auto; margin-right: auto; width: 600px; line-height: 20px;
}

.userContent{
	width:750px; height: auto; text-align:center; background-color: #fff;
}
.userContent table{
	width:750px; 
}
.userContent table tr{
	
}
.userContent table td{
	padding-left: 10px; line-height: 30px; border-width: 1px; border-style: solid; border-color: #CDCDCD;
}
.userContent table .tdBg{
	background-color:#dddddd; height:30px; font-weight: bold;
}
.userContent table .tdBg1{
	background-color:#F2F2F2; height:28px;
}
.userContent table .tdBg2{
	background-color:#F2F2F2; height:28px; text-align: left; padding-left: 10px;
}


.shoppingCart{
}
.shoppingCart li{
	line-height: 28px;
}
.shoppingCart label{
	float: left;
	width: 9em;
	text-align: right;
	height: 25px;
	line-height: 25px;
}
.shoppingCart table{
	width:950px; text-align: center;
}
.shoppingCart table tr{

}
.shoppingCart table td{
	line-height: 30px; border-width: 1px; border-style: solid; border-color: #CDCDCD; text-align: center; vertical-align: middle;
}
.shoppingCart table .row2{
	background-color:#fcfcfc;
}
.shoppingCart table .row1{
	background-color:#F2F2F2; height:90px;
}
.shoppingCart table .row0{
	background-color:#fafafa; height:90px;
}
.shoppingCart table .tdBg{
	background-color:#dddddd; height:30px; font-weight: bold;
}
.shoppingCart table .tdBg1{
	background-color:#F2F2F2; height:28px;
}
.shoppingCart table .tdBg2{
	background-color:#F2F2F2; height:28px; text-align: left; padding-left: 10px;
}



.caption{
	text-align: center; font-weight: bold; line-height: 30px;
}



/*--*/
.Pages{margin-top:15px; padding: 0px 0px 0px 5px; height: 30px; line-height: 30px; background-color: #eeeeee; text-align: left;}
.Pages a{color: #666; padding-left: 5px; padding-right: 5px;}
.Pages a:hover{color: #333;}
.Pages a:visited{color: #999;}
.txtRed{color: Red; }
.txtBold{ font-weight: bold;}
.Current{font-weight: bold; color: #3595D1; padding-left: 5px; padding-right: 5px;}
.Reply{
	line-height: 30px;
}

.GbAdd{
	padding-top: 10px;
}
.GbAdd li{
	margin-left: 20px; text-align: left; line-height: 30px; clear: both;
}
.GbAdd li label{
	float: left; width: 7em; text-align: right; height: 25px; line-height: 25px;
}
.GbAdd li.submit{
	margin-left: 9em;	
}
.ConsigneeAdd{
	padding-top: 10px;
}
.ConsigneeAdd li{
	margin-left: 20px; text-align: left; line-height: 30px; clear: both;
}
.ConsigneeAdd li label{
	float: left; width: 7em; text-align: right; height: 25px; line-height: 25px;
}
.ConsigneeAdd li.submit{
	margin-left: 9em;	
}

.ConsigneeInfo{
	margin: 10px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #CDCDCD; padding: 10px;
}
.ConsigneeInfo li{
	/*margin: 2px;
	line-height: 25px;*/
	clear:both;
	list-style:none;
	padding-bottom:5px;
}
.ConsigneeInfo label{
	float: left;
	width: 9em;
	text-align: right;
	height: 25px;
	line-height: 25px;
}
.ConsigneeInfo input{
	margin-right: 5px;
	vertical-align: middle;
}
.ConsigneeInfo select{
	margin-right: 5px;
}
.Deliver{
	margin-top: 10px;
}
.height5{
	height: 0px;
}
#PointsSum{
	font-family:"Times New Roman", Times, serif; font-size:20px;font-weight:bold; color: #990000;
}
.PointsSum{
	font-family:"Times New Roman", Times, serif; font-size:20px;font-weight:bold; color: #990000;
}
.quickInfo{
	margin: 0px 10px;	float: left; width: 340px; height: 80px; line-height: 20px;
}
#UserRemark{
	float: left; width: 435px;
}
.topNote{
	padding-top:5px; color: #666666; line-height: 20px;
}

.userHelp {
	width:720px; height:90px;float:left;
}
.userHelp .itemTitle td {
	width:180px; height:23px; padding-left:12px; color:#FFFFFF; font-weight:bold; line-height:23px;
}
.userHelp .itemContent td {
	height:60px; padding-left:12px; padding-top:7px;
}
.userHelp .itemContent td ul li{
	line-height:25px;
}
.userSubscribe {
	width:230px;height:90px; float:left;
}
.userSubscribe .itemTitle td {
	height:23px; padding-left:12px; color:#FFFFFF; font-weight:bold; line-height:23px;
}
.userSubscribe .itemContent td {
	height:60px; padding-left:12px; padding-top:7px;
}


#upButton {
	height:20px; background:url(../images/up_scroll.gif) no-repeat 100px 7px;overflow:hidden;cursor:pointer;
}
#downButton {
	height:20px; background:url(../images/down_scroll.gif) no-repeat 100px 7px;overflow:hidden;cursor:pointer;
}
#rollCount {
	width:200px;height:200px;overflow:hidden;word-break:keep-all;text-align:center;
}
#rollCount img{
	width:68px;height:78;cursor:pointer;
}
#Content {
	width:140px; height:15px; border: 1px solid #C3C3C3; padding-left:5px; line-height:15px; color:#919191;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}




/*-Emag-*/

#picShow{
float: left; background:#ECECEA;
}
#topEmag {
width:354px; height:250px;background:url(../images/bg_top_right.jpg) no-repeat;float:right;
}
#topEmagImg {
width:103px; height:148px;margin-top:98px;margin-left:27px !important;margin-left:12px; float: left;
}
#topEmagTxt {
width:190px; height:148px;margin:100px 20px 30px 0px !important;margin:100px 13px 0px 0px; line-height: 18px; float: right;
}
#hotEmag {
width:354px; height:210px;background:url(../images/bg_bot_right.jpg) no-repeat;float:right; margin-top: 12px;
}
#adEmagImg {
margin: 35px 27px 0px 27px;
}
#hotEmagImg ul{
	margin: 35px 20px 0px 27px;
}
#hotEmagImg li{
	float: left; margin-right: 10px;
}
#boxShow{
background-color: #ECECEA; width: 950px; height: 472px;
}
#boxTop{
background-color: #ECECEA; width: 950px;
}
#boxMain{
	background-color: #ECECEA; width: 950px; height: 214px;
}
#boxEmag{
	background-image: url(../images/bg_mid_left.gif); width: 715px; height: 194px; float: left; margin: 10px !important;margin-left: 5px;
}
#boxEmag ul{
	margin: 35px 0px 0px 27px;
}
#boxEmag li{
	float: left; margin-right: 25px;
}
#boxEmag li.last{
	float: left; margin-right: 5px;
}
#boxMore{
	width: 950px; float: left; background-color: #ECECEA;
}
#boxMore ul{
	width: 930px; height: auto; margin: 10px auto; padding: 30px 0px 0px 0px; background-color: #fff; display: table;
}
#boxMore li{
	float: left; margin: 0px 27px !important; margin: 0px 23px; height: 160px; text-align: center;
}
#boxList {
width:200px; height:194px; background:url(../images/bg_mid_right.gif) no-repeat; padding-left:13px; float:right; margin: 10px 0px;
}
#redChart {
margin-top:34px;  
}
#redChart li{
height:21px;
}
#redChart li img{
	vertical-align: middle;
}
img.imgBorder {
	border: 1px solid #C0C0C0; padding: 3px; margin-bottom: 8px;
}




.RemarkTitle {
width:940px !important; width:950px; margin:auto; height:32px; padding: 5px; background:url(../images/title_bg.gif) repeat-x; font-weight:bold; font-size:14px; color:#FFFFFF;
}
.RemarkFrame {
width:930px !important; width:950px; margin:auto; padding:9px; border: 1px solid #BBBBBB;
}
li.page{
font-size: 14px; text-align: center; border-top-width: 1px; border-color: #666; border-style: dotted; padding-top: 5px;
}
li.RemarkInfo {
height:24px; line-height:24px; background-color:#EDEDEB; padding-left:12px;
}
li.RemarkContentInfo {
padding: 5px !important; padding: 0px; height:auto; line-height:28px; background-color:#FFFFFF; padding-left:12px;font-size:14px; display: table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word
}

a #arrow12{
width: 25px; height: 129px; background-image: url(../images/arrow01.gif); display: block; cursor:pointer;
}
a:visited #arrow12{}
a:hover #arrow12{background-image: url(../images/arrow02.gif);}

.AddRemarkBaseContent{
	width: 845px; float: left;
}
.RemarkContent{
	width: 825px;
	height: 50px;
}
.RemarkSubmit{
	height: 55px;
}

.emagBtn1{
	margin: 10px 0px 10px 225px;
}
.emagBtn{
	margin: 10px 0px;
}

.share li{
	float: left; width: 120px; padding:0px 5px;
}
.share li a{background:url(../images/bookmark.png) no-repeat left top;height:25px;line-height:25px;padding:2px 0 0 24px; border: 0px;}
.share li.bskx a{background-position:left top;}
.share li.bstw a{background-position:left -20px;}
.share li.bsdb a{background-position:left -40px;}
.share li.bsfb a{background-position:left -60px;}
.share li.bsff a{background-position:left -80px;}
.share li.bsgr a{background-position:left -100px;}
.share li.bsds a{background-position:left -120px;}
.share li.bsrr a{background-position:left -140px;}

form input.text,textarea.text{
	padding:2px 4px;
	border:1px solid #7F9DB9;
	color:#666;	
}

form input.focus,textarea.focus{
	padding:2px 4px;
	background:#EAF5FF;
	border:1px solid #3595D1;
	color:#000;
}

.Info01{
	padding:2px 4px; font-weight: bold; width: 600px; height: auto;  line-height: 20px; display: block; background-color: #f5f5f5; float: left;
}
.Info02{
	padding:2px 4px;width: 600px; height: auto; line-height: 20px; background-color: #eee; display: block; float: left;
}
.Info03{
	padding:2px 4px;width: 600px; height: auto; line-height: 20px; background-color: #f9f9f9; display: block; float: left; color: #000;
}
.noShow{
	display: none;
}

.zeng {
	background:url("../images/default/zeng.png") no-repeat scroll 0 0 transparent;position:relative;width:40px;height:60px;margin-top:-60px;margin-left:120px;z-index:2;
}
.song {
	background:url("../images/default/song.png") no-repeat scroll 0 0 transparent;position:relative;width:40px;height:60px;margin-top:-60px;margin-left:120px;z-index:2;
}

.tejiaT {
	display: none;
}
.tejiaT0 {
	display: none;
}
.tejiaT1 {
	display: none;
}
.tejiaT2 {
	background:url("../images/default/tejia.png") no-repeat scroll 0 0 transparent;position:relative;width:40px;height:60px;margin-top:-60px;margin-left:340px;z-index:2;
}
.tejiaT3 {
	background:url("../images/default/youhui.png") no-repeat scroll 0 0 transparent;position:relative;width:100px;height:60px;margin-top:-460px;margin-bottom:400px;margin-left:0px;z-index:2;
}
.tejiaB {
	display: none;
}
.tejiaB0 {
	display: none;
}
.tejiaB1 {
	display: none;
}
.tejiaB2 {
	display: none;
}
.tejiaB3T {
	width:120px;height:30px;margin-top:-50px;margin-bottom:20px;margin-left:260px; color: #B22222; text-decoration: line-through; font-size: 30px; font-family: "Times New Roman", Times, serif; font-weight: bold; text-align: center; z-index:10;
}
.tejiaB3 {
	margin: 0px; padding: 0px; color: #B22222; font-size: 12px; height: 30px; line-height: 20px; vertical-align:text-top;
}
.lineThrough {text-decoration: line-through; font-weight: bold;}
.youhui3 {
	background:url("../images/default/youhui.png") no-repeat scroll 0 0 transparent;
}

.userName {
	font-size: 14px; font-weight: bold;
}
.RowTotal{
	width: 270px; height: 50px; line-height: 50px; float: right;
}