/* Global */
*{
margin:0px;
padding:0px;
}
html,body{
font:normal 12px Tahoma,"宋体", Arial, Helvetica, Sans-Serif;
color:#666;
overflow-x:hidden;
}
li{
list-style:none;
}
a.blue{
color: #0964AB;
font-size:9pt;
text-decoration:none;
cursor:pointer;
outline:none;
}
a.blue:hover{
text-decoration:underline;
cursor:pointer;
}
a.blue:active{
outline:none;
}
img{
border:none;
cursor:pointer;
}
.clear{
height:0px;
width:0px;
padding:0px;
margin:0px;
clear:both;
}
.block,.blockNoBorder,.blockRelative{
	border:1px solid #e0e0e0;
	margin-bottom:16px;
	background:#fff;
	text-align: left;
}
.blockRelative{
position:relative;
zoom:1;
}
.dashedBorder{
border:1px dashed #ccc;
margin-bottom:16px;
background:#fff;
}
.blockNoBorder{
border:1px solid #fff;
}
.blockContentDiv,.blockContentDiv2{
padding:16px;
padding-bottom:0px;
}
.blockContentDiv2{
padding-right:0px;
}
.blockTitleDiv{
height:18px;
padding-left:16px;
padding-top:12px;
}
.blockTitle{
font-size:10.5pt;
font-weight:bold;
float:left;
color:#000;
}
.blockSubTitle{
font-size:9pt;
color:#999;
font-weight:normal;
margin-left:5px;
padding-top:30px;
}
.blockMore{
float:right;
margin-right:16px;
}
.noticeBlockShadow{
position:relative;
background:#eee;
margin-top:2px;
margin-left:3px;
margin-bottom:16px;
}
.noticeBlock{
position:relative;
left:-3px;
top:-2px;
border:1px solid #E6D08C;
background:#FDF9E1;
text-align:center;
padding:12px;
font-size:10.5pt;
font-weight:bold;
}
.arrowBlock{
border:1px solid #6DBF33;
padding:16px;
margin-bottom:16px;
position:relative;
zoom:100%;
left:0px;
top:0px;
}
.arrowBottom{
background:url(arrowBlockArrow.gif) no-repeat left top;
width:14px;
height:7px;
position:absolute;
left:50px;
bottom:-7px !important;
bottom:-8px;
}
.highRedLight,.highRedLightBig,.highGreenLight{
color:#ee0000;
margin-left:4px;
margin-right:4px;
font-weight:bold;
}
.highGreenLight{
color:#1C841C;
margin:0px;
}
.grey{
color:#999;
}
.highRedLightBig{
font-size:18pt;
}
.bottomBorder,.bottomBorder2{
height:1px;
border-bottom:1px dashed #e0e0e0;
margin-left:16px;
margin-right:16px;
}
.bottomBorder2{
margin:0px;
}
.erronotice{
border:1px solid #ee0000;
background:#FDF9E1;
padding:2px;
line-height:22px;
color::#ff0000;
margin-top:4px;
text-align:center;
}
/* Btns */
.confirmBtn,.confirmBtnShort,.confirmBtnLong{
border:none;
background:url(confirmBtn.gif) no-repeat left top;
width:104px;
height:24px;
line-height:25px;
padding-bottom:2px;
text-align:center;
font-size:10.5pt;
color:#000;
font-weight:bold;
cursor:pointer;
}
.activeBtn{
border:none;
background:url(activeBtn.gif) no-repeat left top;
width:110px;
height:24px;
color:#fff;
font-size:10.5pt;
padding-bottom:3px;
line-height:25px;
font-weight:bold;
cursor:pointer;
}
.confirmBtnLong{
background:url(confirmBtnLong.gif) no-repeat left top;
height:26px;
width:222px;
}
.confirmBtnShort{
background:url(confirmBtnShort.gif) no-repeat left top;
width:68px;
}
.editBtn{
border:none;
background:url(editBtn.gif) no-repeat left top;
width:75px;
height:25px;
line-height:25px;
padding-bottom:4px;
text-align:center;
font-size:9pt;
color:#000;
font-weight:bold;
cursor:pointer;
}
.confirmBtn:hover{
background:url(confirmBtn.gif) no-repeat left bottom;
}
.cancelBtn{
margin-left:16px;

}
/* Layout */
.main{
width:984px;
margin:0px auto;
border:1px solid #ccc;
border-top:0px solid #fff;
background:#fff;
}
.header{
width:926px;
height:72px;
margin:0px auto;
padding-top:16px;
}
.center{
width:966px;
margin:0px auto;
}
.footer{
width:926px;
margin:0px auto;
margin-top:0px;
}
.left_r{
width:660px;
background:#fff;
float:left;
display:inline;
margin-right:16px;
position:relative;
}
.right_r{
width:250px;
float:left;
display:inline;
}
.regRight{
width:660px;
background:#fff;
float:left;
display:inline;
position:relative;
}
.regLeft{
width:250px;
float:left;
margin-right:16px;
display:inline;
}
.subLeft{
width:230px;
float:left;
margin-right:8px;
display:inline;
}
.mainRight{
width:688px;
float:left;
display:inline;
}
.catLeft{
width:112px;
float:left;
display:inline;
margin-right:16px;
}
.giftRight{
width:798px;
float:left;
display:inline;
}
.reminderCenter{
width:572px;
float:left;
display:inline;
margin-right:16px;
}
.contentArea2{
border:1px solid #e0e0e0;
padding-top:16px;
}
.contentArea2 .left{
margin-right:0px;
}
.setupLeft{
width:185px;
float:left;
display:inline;
margin-right:16px;
}
.setupRight{
width:725px;
float:left;
display:inline;
}
/* Header */
.headerTop{
position:relative;
z-index:100;
height:68px;
margin-bottom:0px !important;
margin-bottom:-1px;
}
.logoArea{
height:42px;
width:170px;
float:left;
display:inline;
}
.navArea{
float:left;
display:inline;
width:740px;
height:56px;
margin-left:16px;
}
.sloganNutility{
height:36px;
width:740px;
margin-top:3px;
}
.slogan{
	float:left;
	display:inline;
	width:496px;
	margin-left: 50px;
	margin-top: 2px;
}
.slogan div{
float:left;
display:inline;
}
.slogan .date{
	height:25px;
	padding-left:4px;
	border:1px dashed #e0e0e0;
	width:198px;
	float: left;
}
.slogan .date .special{
	font-size:13.5pt;
	margin-left:2px;
	margin-right:2px;
	font-family:Georgia, "Times New Roman", Times, serif;

*line-height:23px;
	color:#333;
	font-weight:bold;
	float: left;
}
.slogan .date .year{
margin-right:4px;
}
.slogan .date .day{
	height:21px;
	line-height:24px;

*line-height:26px;
	padding-left:8px;
	border-left:1px dashed #e0e0e0;
	float: left;
}
.slogan .lunarDateDiv{
margin-left:8px;
width:128px;
height:25px;
padding-left:4px;
border:1px dashed #e0e0e0;
}
.slogan .lunarDateDiv .icon{
background:url(lunardateIcon.gif) no-repeat left 1px;
height:25px;
width:45px;
}
.slogan .lunarDateDiv .lunarDate{
line-height:24px;
*line-height:26px;
padding-left:8px;
border-left:1px dashed #e0e0e0;
text-align:center;
}
.utility,.utility3{
display:inline;
position:relative;
top:-19px;
float:right;
height:28px;
text-align:right;
width:140px;
background:url(utilityBg.gif) no-repeat left -1px;
}
.utility3{
background:url(utilityBg3.gif) no-repeat left -1px;
width:210px;
}
.utility li,.utility3 li{
float:left;
display:inline;
margin-left:27px;
margin-right:-17px;
margin-top:4px !important;
*margin-top:6px !important;
*margin-top:4px
}
.utility li.utilityBorder,.utility3 li.utilityBorder{
margin-right:4px;
width:2px;
height:16px;
}
.navBtnUl{
width:730px;
height:29px;
}
.navBtnUl li{
float:left;
display:inline;
width:100px;
height:30px;
}
.navBtnUl li a{
display:block;
width:100px;
height:28px;
line-height:28px;
*line-height:30px !important;
*line-height:28px;
text-align:center;
font-size:10.5pt;
font-weight:bold;
color:#000;
background:url(nav.gif) no-repeat left -30px;
}
.navBtnUl li a:hover{
text-decoration:none;
height:29px;
background:url(nav.gif) no-repeat left top;
color:#fff;
}
.navBtnUl li a.current{
background:url(nav.gif) no-repeat left top;
height:29px;
color:#fff;
}
.headerBottom{
margin-top:-1px !important;
margin-top:-2px;
height:8px;
width:926px;
background:url(nav.gif) no-repeat left bottom;
}
.headerPromot{
float:right;
position:relative;
}
.headerPromot a{
display:block;
background:url(freeGiftTop.gif) no-repeat left top;
width:211px;
height:41px;
position:absolute;
right:-8px;
top:-10px;
}
/* Center */
.pageTitleArea{
height:38px;
margin-top:16px !important;
margin-top:13px;
}
.pageTitleArea span{
display:block;
float:left;
padding-top:5px;
margin-left:5px;
color:#676767;
}
.pageTitle{
background:url(pageTitleIcon.gif) no-repeat left top;
float:left;
display:inline;
height:24px;
line-height:18px;
*line-height:19px !important;
*line-height:21px;
padding-left:26px;
color:#333;
font-size:13.5pt;
font-weight:normal;
font-family:"微软雅黑",tahoma,"宋体";
}
.whereTitle{
background:url(whereIcon.jpg) no-repeat left top;
float:left;
display:inline;
height:16px;
line-height:12px;
*line-height:14px;
padding-left:20px;
color:#999;
margin-right:5px;
margin-top:2px;
}
.pageTitleArea span.whereSpan{
margin:0px;
padding:0px;
margin-left:5px;
margin-top:1px;
width:500px;
}
.pageTitleArea li{
float:left;
display:inline;
height:18px;
vertical-align:top;
margin-right:8px;
}
/* Footer */
.footer,.footer a{
color:#999;
}
.footer{
padding-top:5px;
}
/* Title */
/* Radio & Checkbox */
.radioInput,.checkboxInput{
position:absolute;
left:-10000px;
}
.radioOn,.radioOff,.checkboxOn,.checkboxOff{
display:block;
background:url(radio.gif) no-repeat left 1px;
height:15px;
line-height:15px;
padding:0px 0px 1px 22px;
color:#333;
}
.radioOff,.checkboxOff{
cursor:pointer;
background:url(radio.gif) no-repeat left -14px;
color:#666;
}
.radioOff:hover,.checkboxOff:hover{
background:url(radio.gif) no-repeat left -29px;
color:#333;
}
.checkboxOn,.checkboxOff{
background:url(checkBox.gif) no-repeat left 1px;
cursor:pointer;
}
.checkboxOff{
background:url(checkBox.gif) no-repeat left -14px;
}
.checkboxOff:hover{
background:url(checkBox.gif) no-repeat left -29px;
}
/* Index */
.indexBg{
border:3px solid #e0e0e0;
background:url(indexBg.png) no-repeat 30px 5px;
height:276px;
}
.indexLogin{
margin-left:16px;
margin-top:16px;
border-collapse:collapse;
}
.indexLogin td.name{
height:14px;
vertical-align:top;
color:#999;
}
.indexLogin td.inputTd{
height:34px;
vertical-align:top;
}
.indexLogin .importInput{
width:208px;
}
.indexLogin .cookie{
margin-bottom:6px;
}
.indexLogin .cookie li{
height:18px;
}
.indexLogin .erronotice{
color:#ff0000;
}
.indexReg{
background:url(indexRegBtn.png) no-repeat left top;
text-align:center;
font-weight:bold;
color:#fff;
font-size:12pt;
width:220px;
height:39px;
display:inline-block;
margin-top:29px !important;
*margin-top:28px !important;
*margin-top:27px;
margin-bottom:20px;
margin-left:14px;
line-height:34px !important;
line-height:36px;
font-family:"微软雅黑", "宋体", Tahoma;
}
.indexReg:hover{
	background:url(indexRegBtn.png) no-repeat left -39px;
	text-decoration:none;
	color: #FFFFFF;
}
.indexAddDiv{
margin-left:342px;
margin-top:65px;
}
.indexAddDiv .title{
font-size:10.5pt;
margin-bottom:8px;
font-weight:bold;
color:#333;
margin-left:38px;
}
.indexAddDiv .importInput{
width:218px;
}
.indexAddDiv select{
width:72px;
}
.indexAddDiv .inputTd{
padding-left:6px;
}
.indexAddDiv .erronotice{
color:#ff0000;
height:16px;
line-height:15px;
}
.indexGoto{
width:660px;
height:126px;
background:url(indexGotoBg.gif) no-repeat left -1px;
margin-top:15px;
}
.indexGoto .title{
float:left;
margin-left:36px;
margin-top:14px;
font-weight:bold;
font-size:10.5pt;
color:#333;
}
.indexGoto .iconArea{
margin-top:24px;
margin-left:32px;
}
.iconArea .indexGotoIcon1,.iconArea .indexGotoIcon2,.iconArea .indexGotoIcon3{
background:url(indexGotoIconBg.gif) no-repeat left top;
float:left;
display:block;
width:180px;
height:50px;
margin-right:32px;
}
.iconArea .indexGotoIcon2{
background:url(indexGotoIconBg.gif) no-repeat -216px top;
}
.iconArea .indexGotoIcon3{
background:url(indexGotoIconBg.gif) no-repeat right top;
margin-right:0px;
}
.giftForFree1,.giftForFree2{
background:url(index_free.gif) no-repeat left top;
height:100px;
width:190px;
float:left;
margin-left:32px;
margin-top:18px;
margin-bottom:8px;
display:inline-block;
}
.giftForFree2{
background:url(giftForFree.gif) no-repeat left -98px;
}
.giftForFree3{
background:url(wcstar.gif) no-repeat left top;
height:120px;
width:245px;
display:block;
}
.indexCorner{
background:url(indexCorner.gif) no-repeat left top;
position:absolute;
width:51px;
height:51px;
left:-1px;
top:-1px;
}
.giftArea{
margin-top:2px;
}
.indexLoginedDes{
margin:0px 16px;
}
.indexLoginedDes .title{
margin-top:16px;
margin-bottom:16px;
padding-bottom:8px;
border-bottom:1px dashed #e0e0e0;
background:url(userWelIcon.gif) no-repeat left 3px;
padding-left:18px;
font-size:10.5pt;
font-weight:bold;
}
.indexLoginedDes .info1,.indexLoginedDes .info2,.indexLoginedDes .info3{
height:12px;
line-height:11px;
padding-left:16px;
}
.indexLoginedDes .info1{
background:url(indexCountdownIcons.gif) no-repeat left top;
}
.indexLoginedDes .info2{
background:url(indexCountdownIcons.gif) no-repeat left -12px;
margin-top:12px;
margin-bottom:12px;
}
.indexLoginedDes .info3{
background:url(indexCountdownIcons.gif) no-repeat left bottom;
}
.indexLoginedDes .operation{
border-top:1px dashed #e0e0e0;
margin:16px auto;
padding-top:8px;
}
.indexLoginedDes .operation span{
margin-left:13px;
margin-right:13px;
}
/* reg */
.reg{
margin-top:20px;
margin-bottom:18px;
margin-left:25px;
}
.reg td{
border-collapse:collapse;
height:40px;
*height:34px;
text-align:left;
vertical-align:top;
}
.reg tr.heightMini td{
height:24px;
}
.reg td .erronotice{
color:#ff0000;
margin-left:4px;
}
.reg td.name,.reg td.name2{
width:55px;
color:#666;
text-align:right;
vertical-align:top;
line-height:27px;
}
.reg td.name2{
padding-top:2px;
height:30px;
}
.reg td.input,.reg td.inputInfo{
width:330px;
padding-left:4px;
}
.reg td.inputInfo{
color:#666;
vertical-align:top;
line-height:27px;
}
.reg td.inputInfo .smsDes{
color:#999;
}
.reg td.input .confirmBtn{
margin-top:8px;
}
.reg td.input .bdayTab{
margin-top:3px;
margin-left:3px;
}
.reg td.input .bdaySelectDiv{
margin-left:4px;
}
.reg td.input .inputDesSpan{
margin-top:2px;
}
.reg td.input .cookie{
margin-left:5px;
margin-top:9px;
}
.reg td.input .cookie li{
height:18px;
}
.reg td.input p.fgpw input,.reg td.input p.fgpw a{
float:left;
}
.reg td.input p.fgpw a{
margin-top:16px;
margin-left:12px;
}
.reg td.inputDesSpanTd{
padding-top:6px;
width:200px;
}
.reg td.sex{
height:30px;
padding-top:2px;
}
.reg td.sex ul{
margin-top:6px;
margin-left:8px;
}
.reg td.sex li{
float:left;
display:inline;
width:60px;
margin-right:16px;
}
.reg td.input input{
margin-left:4px;
}
.reg td.input .importInput{
width:320px;
}
.reg td.input select{
display:block;
float:left;
margin-right:8px;
margin-top:2px;
width:100px;
height:22px;
border:1px solid #ccc;
padding-left:5px;
padding-top:3px;
color:#666;
}
.reg .status{
width:30px;
}
.dashedBorder p{
background:url(regIntroDot.gif) no-repeat left 11px;
padding-left:8px;
margin-bottom:8px;
line-height:22px;
}
.dashedBorder p.xiaoneilogo{
background:url(xiaoneiLogo.gif) no-repeat left top;
height:32px;
width:106px;
}
.dashedBorder p.regImportIcon{
background:url(regIntroBg.gif) no-repeat left -26px;
height:30px;
width:160px;
}
.dashedBorder p.regSmsIcon{
background:url(regIntroBg.gif) no-repeat left -60px;
height:32px;
width:160px;
}
.dashedBorder p.regWelIcon{
background:url(regIntroBg.gif) no-repeat left 4px;
height:32px;
width:160px;
}
.regFgtpw{
padding-bottom:8px;
}
.gotoRegDiv a{
display:block;
border:1px solid #e0e0e0;
margin-bottom:16px;
padding:16px;
text-align:center;
}
.gotoRegDiv a:hover{
background:#f0f0f0;
text-decoration:none;
}

/* Select Style */

/* ProductList */
/* Flower Page */
.flowerAd1{
display:block;
width:647px;
height:233px;
padding:5px;
}
.flowerCategoryBanner1,.flowerCategoryBanner2,.flowerCategoryBanner3{
display:block;
width:250px;
height:70px;
background:url(flowerCategoryBanner.jpg) no-repeat left top;
margin-bottom:17px;
}
.flowerCategoryBanner2{
background:url(flowerCategoryBanner.jpg) no-repeat left -70px;
margin-bottom:18px;
}
.flowerCategoryBanner3{
background:url(flowerCategoryBanner.jpg) no-repeat left -140px;
margin-bottom:16px;
}
.tagSelectDiv,.tagSelectDiv2{
margin-bottom:8px;
border-bottom:1px dashed #e0e0e0;
background:#fff;
height:1%;
}
.tagSelectDiv2{
border-bottom:1px dashed #fff;
}
.tagSelectDiv span,.tagSelectDiv2 span{
width:70px;
float:left;
display:inline;
line-height:14px;
height:24px;
padding-bottom:2px;
*padding-bottom:0px;
padding-top:0px;
*padding-top:1px;
}
.tagSelectDiv ul,.tagSelectDiv2 ul{
float:left;
display:inline;
width:550px;
}
.tagSelectDiv li,.tagSelectDiv2 li{
float:left;
display:inline;
margin-right:18px;
height:24px;
line-height:14px;
color:#ccc;
}
.tagSelectDiv li a,.tagSelectDiv2 li a{
display:block;
padding-left:3px;
padding-right:3px;
padding-bottom:2px;
*padding-bottom:0px;
padding-top:0px;
*padding-top:1px;
border:1px solid #fff;
}
.tagSelectDiv li a:hover,.tagSelectDiv2 li a:hover{
border:1px solid #23A223;
color:#fff;
background:#23A223;
text-decoration:none;
}
.tagSelectDiv li a.current,.tagSelectDiv2 li a.current{
background:#23A223;
padding-left:2px;
padding-right:2px;
color:#fff;
font-weight:bold;
border:1px solid #23A223;
}
.tagSelectDiv2 ul.list{
width:690px;
}
.tagSelectDiv2 ul.list li{
width:73px;
text-align:center;
}
.tagSelectDiv2 ul.list li.separate{
width:1px;
}
/* Product List 4*/
.productList4{
margin:0px auto;
/*width:620px;*/
}
.productList4 li{
float:left;
display:inline;
text-align:center;
height:224px;
width:143px;
}
.productList4 li .productImg{
width:135px;
height:125px;
margin:0px;
}
.productList4 li .productName{
margin-top:14px;
width:140px;
}
.productList4 li .productPrice{
font-size:13.5pt;
width:135px;
font-weight:bold;
margin-top:14px;
color:#999;
}
.productList4 li.sepChar{
width:1px;
margin-left:8px;
*margin-left:14px;
margin-right:17px;
*margin-right:14px;
}
.blockContentDiv .productList4 li.sepChar{
width:1px;
margin-left:3px;
*margin-left:6px;
margin-right:12px;
*margin-right:6px;
}
.productList4 li.sepChar div{
width:1px;
height:200px;
background:#e0e0e0;
}
.listOperationArea{
height:42px;
border-bottom:1px solid #e0e0e0;
border-top:2px solid #e0e0e0;
margin-bottom:20px;
}
.productList4 ul.horizontal li{
width:330px;
text-align:left;
height:160px;
}
.productList4 .productlistLeft{
float:left;
display:inline;
margin-right:16px;
}
.productList4 .productlistRight{
float:left;
display:inline;
}
.productList4 ul.horizontal li .productImg{
width:135px;
height:125px;
overflow:hidden;
margin:0px;
}
.productList4 ul.horizontal li .productName{
margin-top:2px;
width:150px;
}
.productList4 ul.horizontal li .productPrice{
font-size:13.5pt;
width:135px;
font-weight:bold;
margin-top:14px;
color:#999;
}
.productList4 li .productDes{
height:63px;
width:150px;
line-height:20px;
margin-top:8px;
}
/* Product List 5*/
.productList5{
width:764px;
margin:0px auto;
}
.productList5 li{
float:left;
display:inline;
text-align:center;
height:223px;
width:145px;
}
.productList5 li .productImg{
width:135px;
height:125px;
margin:0px auto;
}
.productList5 li .productName{
margin-top:6px;
width:140px;
}
.productList5 li .productPrice{
font-size:13.5pt;
width:135px;
font-weight:bold;
margin-top:14px;
color:#999;
}
.productList5 li.sepChar{
width:1px;
margin-left:4px;
margin-right:4px;
}
.productList5 li.sepChar div{
width:1px;
height:200px;
background:#e0e0e0;
}
.productList5 ul.horizontal li{
width:380px;
text-align:left;
height:160px;
}
.productList5 .productlistLeft{
float:left;
display:inline;
margin-right:16px;
}
.productList5 .productlistRight{
float:left;
display:inline;
}
.productList5 ul.horizontal li .productImg{
width:135px;
height:125px;
overflow:hidden;
margin:0px;
}
.productList5 ul.horizontal li .productName{
margin-top:2px;
width:150px;
}
.productList5 ul.horizontal li .productPrice{
font-size:13.5pt;
width:135px;
font-weight:bold;
margin-top:14px;
color:#999;
}
.productList5 li .productDes{
height:50px;
width:150px;
line-height:20px;
margin-top:8px;
}
/*miniProduct List*/
.productMiniList3{
width:216px;
}
.productMiniList3 li,.productMiniList3 li.rightLi{
float:left;
display:inline;
margin-right:8px;
text-align:center;
margin-bottom:20px;
height:100px;
width:65px;
}
.productMiniList3 li.rightLi{
margin-right:0px;
}
.productMiniList3 li .productMiniImg{
width:65px;
height:65px;
overflow:hidden;
margin:0px auto;
}
.productMiniList3 li .productMiniName{
margin-top:6px;
width:65px;
}
.productMiniList1{
width:78px;
}
.productMiniList1 li{
text-align:center;
margin:0px auto;
margin-bottom:20px;
width:65px;
}
.productMiniList1 li .productMiniImg{
width:65px;
height:65px;
overflow:hidden;
margin:0px auto;
}
.productMiniList1 li .productMiniName{
margin-top:6px;
width:65px;
}
/*List Display*/
.pageNumUpBtns{
margin-top:11px;
height:20px;
float:left;
display:inline;
}
.pageNumUpBtns span{
line-height:20px;
height:20px;
margin-left:8px;
}
.prePageBtn,.prePageBtnDis,.nextPageBtn,.nextPageBtnDis{
display:block;
width:22px;
height:20px;
background:url(pageNumIcon.gif) no-repeat left top;
float:left;
margin-right:5px;
}
.prePageBtnDis{
background:url(pageNumIcon.gif) no-repeat left bottom;
}
.prePageBtnDis:hover,.nextPageBtnDis:hover{
cursor:default;
}
.nextPageBtn{
background:url(pageNumIcon.gif) no-repeat right top;
}
.nextPageBtnDis{
background:url(pageNumIcon.gif) no-repeat right bottom;
}
.listDisplayOperation{
/*width:356px;*/
width:170px;
height:20px;
float:right;
display:inline;
border:1px solid #fff;
margin-top:10px;
}
.listDisplaySwitch{
float:left;
display:inline;
margin-top:2px;
}
.listDisplaySwitch a:hover{
text-decoration:none;
}
.listDisplay1,.listDisplay2,.listDisplay1Dis,.listDisplay2Dis{
display:block;
width:58px;
height:16px;
line-height:16px;
padding-left:20px;
background:url(listDisplayIcon.gif) no-repeat left top;
float:left;
margin-right:5px;
}
.listDisplay1:hover,.listDisplay2:hover{
cursor:default;
}
.listDisplay1,.listDisplay2{
color:#666;
}
.listDisplay2{
background:url(listDisplayIcon.gif) no-repeat left -16px;
}
.listDisplay1Dis{
background:url(listDisplayIcon.gif) no-repeat left -32px;
}
.listDisplay2Dis{
background:url(listDisplayIcon.gif) no-repeat left bottom;
}
.listSort{
float:left;
display:inline;
margin-top:1px;
padding-left:13px;
border-left:1px solid #e0e0e0;
height:18px;
line-height:16px;
*line-height:18px;
width:165px;
}
.listSort span{
float:left;
display:inline;
}
.listSort div{
float:left;
display:inline;
margin-left:8px;
}
.listSort select{
width:105px;
height:20px;
border:1px solid #e0e0e0;
}
.pageNumBottomBtns,.pageNumBottomBtns2{
height:26px;
border-top:1px solid #e0e0e0;
padding-top:12px;
}
.pageNumBottomBtns2{
border-top:1px solid #fff;
padding-top:0px;
}
.pageNumBottomBtns li,.pageNumBottomBtns2 li{
float:left;
display:inline;
margin-right:5px;
}
.pageNumBottomBtns li a,.pageNumBottomBtns2 li a{
display:block;
height:18px;
line-height:18px;
padding-left:7px;
padding-right:7px;
border:1px solid #e0e0e0;
text-align:center;
width:auto !important;
width:6px;
}
.pageNumBottomBtns li.pageSwichBtns a,.pageNumBottomBtns2 li.pageSwichBtns a {
border:0px solid #fff;
padding:0px;
width:22px !important;
height:20px;
margin:0px;
}
.pageNumBottomBtns li a:hover,.pageNumBottomBtns2 li a:hover{
text-decoration:none;
color:#cc0000;
border:1px solid #cc0000;
}
.pageNumBottomBtns li a.current,.pageNumBottomBtns2 li a.current{
color:#cc0000;
border:1px #fff solid;
cursor:default;
}
.pageNumBottomBtns li.pageSwichBtns a:hover,.pageNumBottomBtns2 li.pageSwichBtns a:hover {
border:0px solid #fff;
}
/* Import */
.importCatList li{
margin-bottom:16px;
}
.importCatList li a{
display:block;
width:227px;
height:70px;
}
.importCatList li.current a.msnImport{
background:url(importCatBtns.jpg) no-repeat left top;
}
.importCatList li a.msnImport{
background:url(importCatBtns.jpg) no-repeat left -140px;
}
.importCatList li a.msnImport:hover{
background:url(importCatBtns.jpg) no-repeat left -70px;
}
.importCatList li a.URLImport{
background:url(importCatBtns.jpg) no-repeat left bottom;
}
.importCatList li.current a.URLImport{
background:url(importCatBtns.jpg) no-repeat left -210px;
}
.importCatList li a.URLImport:hover{
background:url(importCatBtns.jpg) no-repeat left -280px;
}
.importCatList li.current a.msnImport:hover{
background:url(importCatBtns.jpg) no-repeat left top;
}
.importCatList li.current a.URLImport:hover{
background:url(importCatBtns.jpg) no-repeat left -210px;
}
.importStepBanner1,.importStepBanner2,.importStepBanner3{
width:688px;
height:30px;
background:url(importStepBanner.gif) no-repeat left top;
margin-bottom:16px;
}
.importStepBanner2{
background:url(importStepBanner.gif) no-repeat left -30px;
}
.importStepBanner3{
background:url(importStepBanner.gif) no-repeat left -60px;
}
.importInputDiv table{
margin-bottom:16px;
}
.importInputDiv table td{
border-collapse:collapse;
height:42px;
padding-left:5px;
text-align:left;
}
.importInputDiv table td.importNameTd{
width:60px;
color:#666;
}
.importInputDiv table td.importInputTd{
width:320px;
}
.importInputDiv table td.URLInputTd{
width:460px;
height:30px;
}
.importInput,.URLInput,.quantityInput{
width:300px;
height:17px;
margin-top:2px;
border:1px solid #e0e0e0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding-left:5px;
padding-top:3px;
padding-bottom:2px;
background:url(inputBg.gif) repeat-x top left;
background-color:#fff;
}
.URLInput{
width:450px;
color:#666;
}
.quantityInput{
width:52px;
color:#666;
}
.wontRecord{
height:38px;
width:310px;
line-height:42px;
padding-left:10px;
background:url(wontRecord.gif) no-repeat left top;
color:#336600;
}
.loading{
background:url(loadingBanner.gif) no-repeat left top;
width:210px;
height:15px;
margin-top:16px;
margin-bottom:8px;
}
.loadingStatus div{
margin-bottom:4px;
color:#336600;
}
.loadingStatus div.erronotice{
color:#ee0000;
}
.importSubTitle,.importSubTitle2,.mothersdaySubTitle{
margin-bottom:8px;
font-weight:bold;
margin-bottom:8px;
}
.mothersdaySubTitle{
padding-top:8px;
font-size:10.5pt;
zoom:100%;
color:#333;
}
.importSubTitle2{
padding-left:6px;
}
.importListHeader,.importListSuccessList{
border:1px solid #e0e0e0;
margin-bottom:-1px;
}
.importListHeader{
background:#f3f3f3;
height:1%;
}
.goAheadArea,.goAheadArea2{
text-align:center;
margin-bottom:16px;
}
.goAheadArea2{
text-align:left;
}
.goAheadArea2 span{
font-size:10.5pt;
margin-right:8px;
}
.goAheadArea a{
font-size:10.5pt;
margin-right:32px;
}
.goAheadArea2 a{
font-size:10.5pt;
margin-right:16px;
}
.importListSuccessList{
margin-bottom:10px;
}
.importListHeader table,.importListSuccessList table,.importList table{
border-collapse:collapse;
}
.importListHeader td,.importList td,.importListSuccessList td{
border-collapse:collapse;
height:24px;
width:140px;
padding-left:15px;
text-align:left;
}
.importListSuccessList td{
text-align:center;
}
.importListSuccessList td.msnaddress{
text-align:left;
padding-left:5px;
}
.importList{
position:relative;
height:255px;
overflow:hidden;
overflow-y:scroll;
border:1px solid #e0e0e0;
margin-bottom:-1px;
}
.importList td{
height:30px;
border:1px dashed #e0e0e0;
border-left:none;
border-right:none;
}
.importList td label{
display:block;
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.importListHeader td.changeMsn,.importList td.msnaddress{
width:505px;
text-align:right;
padding-right:5px;
}
.importList td.msnaddress{
text-align:left;
padding-left:100px;
width:420px;
}
.importMsg div{
font-weight:bold;
margin-top:16px;
padding-left:15px;
margin-bottom:5px;
}
.importMsg textarea{
margin-left:15px;
margin-bottom:16px;
width:644px;
font-size:9pt;
padding:5px;
color:#666;
line-height:18px;
border:1px solid #ccc;
border-left:1px solid #999;
border-top:1px solid #999;
}
.importMsg textarea.regImportMsg{
width:580px;
}
.importSubmitDiv{
padding-left:15px;
margin-bottom:16px;
}
.importListArea{
margin-bottom:16px;
height:1%;
}
/* Cake */
.cakeCityDiv{
}
.cakeCityDiv div,.cakeCityDiv span{
float:left;
}
.cakeCityDiv span{
margin-right:5px;
line-height:20px !important;
*line-height:22px !important;
*line-height:20px;
}
.cakeCityDiv .selectDiv{
width:260px;
}
.cakeCityDiv .selectDiv select{
float:left;
display:inline;
margin-left:8px;
border:1px solid #ccc;
width:118px;
padding:2px;
padding-left:5px;
color:#666;
}
.cakeCityDiv .btnDiv{
width:104px;
margin-right:5px;
margin-top:-1px;
}
.inputDesSpan{
padding-left:10px;
margin-left:5px;
background:url(inputDesIcon.gif) no-repeat left center;
color:#999;
}
/* Product Detail */
.productDetailContentArea{
}
.productInfoArea{
padding-bottom:16px;/*margin-bottom:16px;为什么作用到了margin-top上面？*/
}
.productImgArea{
width:342px;
height:310px;
float:left;
display:inline;
margin-right:16px;
}
.productBigImg{
height:280px;
width:340px;
border:1px solid #e0e0e0;
position:relative;
}
.productBigImg .productBigImgA{
display:block;
text-align:center;
margin:0px auto;
}
.productSwitch{
position:absolute;
height:16px;
right:6px;
bottom:6px;
}
.productSwitch li{
float:left;
display:inline;
margin-left:5px;
height:16px;
}

.productSwitch li a{
display:block;
padding:0px;
border:1px solid #6DBF33;
background:#fff;
padding-left:8px;
padding-right:8px;
color:#6DBF33;
}
.productSwitch li a:hover{
text-decoration:none;
}
.productSwitch li a.current{
border:1px solid #6DBF33;
background:#6DBF33;
color:#fff;
}
.zoomDiv{
width:70px;
margin:10px auto;
}
.zoomDiv a{
width:70px;
height:18px;
line-height:16px;
padding-left:14px;
background:url(zoomIcon.gif) no-repeat left 3px;
}
.productOperationArea{
float:left;
display:inline;
width:300px;
}
.productNameTitle{
font-size:12pt;
font-weight:bold;
margin-bottom:10px;
color:#333;
}
.productNameSubTitle{
font-size:7.5pt;
color:#999;
font-family:Arial;
}
.productOperationTable{
border-collapse:collapse;
margin-top:8px;
}
.productOperationTable td{
height:32px;
text-align:left;
}
.productOperationTable td.name{
text-align:right;
width:52px;
color:#999;
}
.productOperationTable .ourPrice{
color:#cc0000;
font-size:10.5pt;
font-weight:bold;
padding-left:16px;
height:36px;
}
.productOperationTable .ourPrice span{
font-size:16.5pt;
font-weight:bold;
}
.productOperationTable .marketPrice{
text-decoration:line-through;
font-style:italic;
padding-left:16px;
color:#999;
}
.productOperationTable td.savedPrice{
padding-left:16px;
color:#999;
}
.productOperationTable td.package{
padding-left:16px;
width:200px;
height:40px;
}
.productOperationTable .package a{
display:block;
margin-right:8px;
border:1px solid #ccc;
padding:2px;
padding-left:11px;
padding-right:11px;
text-align:center;
float:left;
color:#999;
}
.productOperationTable .package a:hover{
text-decoration:none;
border:2px solid #cc7070;
color:#cc7777;
padding:1px;
padding-left:10px;
padding-right:10px;
}
.productOperationTable .package a.current{
border:2px solid #cc0000;
color:#cc0000;
padding:1px;
padding-left:10px;
padding-right:10px;
background:url(packageCurrent.gif) no-repeat right bottom;
}
.productOperationTable td.quantity{
padding-left:16px;
height:40px;
}
.productOperationTable .quantity div{
float:left;
display:inline;
}
.productOperationTable .quantity a{
display:block;
height:11px;
width:13px;
background:url(quantityPanel.gif) no-repeat left top;
}
.productOperationTable .quantity a.up{
margin-bottom:-1px;
margin-top:2px;
*margin-top:4px;
}
.productOperationTable .quantity a.down{
background:url(quantityPanel.gif) no-repeat left bottom;
}
.productOperationTable .quantity .quantityInputDiv{
width:60px;
margin-right:5px;
}
.buyBtn{
border:none;
width:143px;
height:33px;
padding-left:10px;
padding-bottom:6px;
*padding-bottom:2px;
background:url(buyBtn.jpg) no-repeat left top;
color:#fff;
margin-left:-2px;
font-weight:bold;
text-align:center;
font-size:10.5pt;
cursor:pointer;
}
.productDesArea{
margin-bottom:16px;
}
.productDesTitle{
height:26px;
border-bottom:1px solid #e0e0e0;
position:relative;
}
.productDesTitle .tabTitle{
position:absolute;
left:0px;
bottom:-1px !important;
bottom:-3px;
width:100px;
height:26px;
line-height:28px;
text-align:center;
background:url(productDesTab.gif) no-repeat left top;
font-weight:bold;
font-size:10.5pt;
}
.productDesContent{
padding-top:16px;
padding-bottom:16px;
text-align:center;
line-height:22px;
text-align:left;
}
.productDesContent p img{
cursor:default;
}
.productDesContent li{
float:left;
display:inline;
text-align:center;
height:200px;
width:150px;
margin-left:17px;
padding-top:16px;
border:1px solid #e0e0e0;
}
.productDesContent li.start{
margin-left:1px;
}
.productDesContent li .productImg{
width:135px;
height:125px;
line-height:normal;
margin:0px auto;
}
.productDesContent li .productImg img:hover{
cursor:pointer;
}
.productDesContent li .productName{
margin-top:5px;
line-height:normal;
width:140px;
}
.productDesContent li .productPrice{
font-size:13.5pt;
line-height:normal;
width:135px;
font-weight:bold;
margin-top:14px;
color:#999;
}
/* Gift Index */
.giftIndexTopArea{

}
.giftIndexTopAreaLeft{
float:left;
display:inline;
width:532px;
height:248px;
border:1px solid #e0e0e0;
margin-right:14px;
}
.giftTopBanner{
position:relative;
zoom:100%;
height:235px;
width:520px;
padding:7px 6px 5px 6px;;
}
.giftIndexTopAreaRight{
float:left;
display:inline;
width:250px;
}
.giftBanner{
height:63px !important;
height:64px;
border:1px solid #e0e0e0;
margin-bottom:16px;
}
/* Left Category */
.leftCat{
margin-top:6px;
margin-bottom:6px;
}
.leftCat li.current{
background:url(catArrow.gif) no-repeat right 4px;
font-weight:bold;
}
.leftCat li{
border-bottom:1px dashed #e0e0e0;
margin:6px;
padding-left:4px;
padding-bottom:8px;
}
.leftCat li.title{
border:1px solid #fff;
font-weight:bold;
}
.leftCat li span{
font-weight:normal;
font-size:9pt;
color:#999;
}
/* Order */
.orderStepBanner1,.orderStepBanner2,.orderStepBanner3,.orderStepBanner4{
width:688px;
height:30px;
background:url(orderStep.gif) no-repeat left top;
margin-bottom:16px;
}
.orderStepBanner2{
background:url(orderStep.gif) no-repeat left -30px;
}
.orderStepBanner3{
background:url(orderStep.gif) no-repeat left -60px;
}
.orderStepBanner4{
background:url(orderStep.gif) no-repeat left -90px;
}
.whiteRightArrowBlock{
width:210px;
border:1px solid #e0e0e0;
position:relative;
}
.whiteRightArrow{
width:11px;
height:22px;
background:url(whiteArrow.gif) no-repeat left top;
position:absolute;
right:-11px;
top:50px;
}
.orderProductArea{
width:170px;
margin:36px auto;
margin-bottom:0px;
}
.orderProductArea .productImg{
width:135px;
height:125px;
margin:0px auto;
text-align:center;
}
.orderProductArea .productImg img{
cursor:default;
}
.orderProductArea .productName{
margin-top:10px;
width:170px;
color:#999;
}
.orderProductArea .productName span{
margin-left:10px;
color:#333;
}
.orderProductArea .productPrice{
width:170px;
font-size:10.5pt;
font-weight:bold;
border-top:1px dashed #e0e0e0;
padding-top:10px;
margin-top:14px;
margin-bottom:16px;
color:#999;
}
.orderProductArea .productPrice span{
margin-left:5px;
color:#cc0000;
}
.orderProductArea .productPrice span.price span{
font-size:13.5pt;
}

.orderTable{
margin-bottom:16px;
margin-top:8px;
margin-left:48px;
}
.orderTable td{
border-collapse:collapse;
height:35px;
padding-left:5px;
text-align:left;
}
.orderTable td.orderNameTd{
width:100px;
color:#666;
text-align:right;
}
.orderTable td.orderInputTd{
width:400px;
padding-left:10px;
}
.orderInput,.orderInputLong,.orderInputShort{
width:201px;
height:17px;
border:1px solid #e0e0e0;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
padding-left:5px;
padding-top:3px;
padding-bottom:2px;
margin-top:2px;
color:#333;
float:left;
margin-right:8px;
}
.orderInputShort{
width:93px;
}
.orderInputLong{
width:390px;
}
.orderTable td.orderInputTd select{
display:block;
float:left;
margin-right:8px;
margin-top:2px;
width:100px;
height:24px;
border:1px solid #ccc;
padding-left:5px;
padding-top:3px;
color:#666;
}
.orderTable td.orderInputTd select.long{
width:208px;
}
.orderInputTd ul{
margin-top:10px;
}
.orderInputTd li{
margin-bottom:10px;
}
.orderInputTd textarea{
width:201px;
overflow-x:hidden;
font-size:9pt;
line-height:20px;
border:1px solid #e0e0e0;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
padding-left:5px;
padding-top:3px;
padding-bottom:2px;
margin-top:2px;
color:#333;
}
.orderInputTd .confirmBtn{
margin-top:8px;
margin-bottom:16px;
}
.payWayBtnArea{
width:235px;
float:left;
display:inline;
position:relative;
z-index:1000;
}
.payWayBtnArea li{
height:78px;
}
.payWayBtnArea li div{
height:30px;
padding-top:14px;
padding-left:10px;
border:1px solid #ccc;
width:208px;
}
.payWayBtnArea li.current div{
width:223px;
z-index:100;
position:relative;
border:1px solid #6DBF33;
}
.borderRightWhite{
display:none;
}
.payWayBtnArea li.current div .borderRightWhite{
display:block;
position:absolute;
right:-4px;
top:0px;
height:44px;
width:4px;
background:#fff;
border:none;
z-index:1000;
}
.payWayBtnArea li div .zhifubao,.payWayBtnArea li div .wangyinzaixian,.payWayBtnArea li div .zhuanzhang{
display:block;
position:absolute;
top:1px;
left:25px;
background:url(orderBankBtn.gif) no-repeat -20px top;
height:44px;
width:208px;
}
.payWayBtnArea li{
position:relative;
}
.payWayBtnArea li div .wangyinzaixian{
background:url(orderBankBtn.gif) no-repeat -20px -44px;
}
.payWayBtnArea li div .zhuanzhang{
background:url(orderBankBtn.gif) no-repeat -20px -86px;
}
.banksArea{
width:399px;
float:left;
padding:16px;
padding-right:0px;
display:inline;
border:1px solid #6DBF33;
background:#fff;
position:relative;
height:168px;
*height:172px;
z-index:1;
}
.orderDetailPaywayImg1,.orderDetailPaywayImg2,.orderDetailPaywayImg3{
display:block;
background:url(orderBankBtn.gif) no-repeat -60px top;
height:44px;
width:208px;
}
.orderDetailPaywayImg2{
background:url(orderBankBtn.gif) no-repeat -60px -44px;
}
.orderDetailPaywayImg3{
background:url(orderBankBtn.gif) no-repeat -60px -86px;
}
.blockSubTitle2ndRow{
margin-left:16px;
margin-top:8px;
margin-bottom:16px;
color:#FF0000;
}
.goingToPayOrderDetail{
margin-bottom:32px;
margin-top:16px;
}
.goingToPayOrderDetail div{
margin-bottom:8px;
}
.goingToPayOrderDetail a{
margin-left:8px;
}
.goingToPayBtnArea{
margin-top:16px;
margin-left:16px;
padding-bottom:16px;
}
.tellmeInputTd .goingToPayBtnArea{
margin-left:0px;
margin-top:16px;
padding:0px;
}
.tellmeInputTd .goingToPayBtnArea .bottomBorder2{
margin-bottom:8px;
}
.account{
height:32px;
margin-left:20px;
}
.account span{
float:left;
display:inline;
margin-right:25px;
margin-top:4px;
color:#333;
}
.account span.accNum{
width:190px;
margin-right:10px;
}
.account span.inputTitle,.account span.btnSpan{
margin-right:4px;
}
.account span.btnSpan{
margin-top:2px;
}
.account span.btnSpan{
width:70px;
}
.account span.inputSpan{
margin-top:0px;
margin-right:0px;
}
.banks1,.banks2,.banks3,.banks4{
width:110px;
height:20px;
background:url(banks.jpg) no-repeat left top;
margin-left:20px;
margin-top:16px;
margin-bottom:8px;
}
.banks2{
background:url(banks.jpg) no-repeat left -20px;
}
.banks3{
background:url(banks.jpg) no-repeat left -40px;
}
.banks4{
background:url(banks.jpg) no-repeat left -60px;
}
.payAccountDes{
margin:16px;
margin-bottom:0px;
}
.payAccountDes p{
line-height:20px;
margin-bottom:8px;
}
.successBlock,.successBlock2{
background:#FDF9E1;
border:1px solid #E6D08C;
zoom:100%;
}
.successBlock2{
margin-bottom:16px;
}
.orderPayOk,.orderPayOk2,.orderPayOk3{
font-size:10.5pt;
padding-left:26px;
background:url(successfulIcon.gif) no-repeat left top !important;
background:url(successfulIcon.gif) no-repeat left 2px;
line-height:18px !important;
line-height:22px;
height:22px;
font-weight:bold;
float:left;
color:#000;
}
.orderPayOk3{
background:none !important;
padding-left:8px;
}
.payOkDes{
font-size:10.5pt;
font-weight:bold;
color:#1C841C;
margin:16px 0px 16px 16px;
}
.payOkDes a{
font-weight:normal;
}
/* Tell me your bday */
.tellmeBdayBanner{
width:521px;
height:114px;
margin-left:14px;
margin-bottom:10px;
background:url(tellmeBanner.gif) no-repeat 0px top;
padding-left:125px;
padding-top:6px;
}
.tellmeBdayBanner .content{
line-height:22px;
width:485px;
color:#333;
}
.tellmeTable{
	margin-bottom:16px;
	margin-top:8px;
	font-size: 12px;
}
.tellmeTable td{
border-collapse:collapse;
height:40px;
padding-left:5px;
text-align:left;
}
.tellmeTable td .erronotice{
width:312px;
margin-bottom:6px;
color:#ee0000;
}
.tellmeTable td.tellmeNameTd{
width:100px;
color:#666;
text-align:right;
}
.tellmeTable td.tellmeNameTd2{
width:60px;
color:#666;
text-align:left;
}
.tellmeTable td.tellmeInputTd{
width:330px;
padding-left:10px;
}
.tellmeTable td.tellmeInputTd li{
float:left;
display:inline;
width:60px;
margin-right:3px;
}
.tellmeTable td.tellmeInputTd select{
display:block;
float:left;
margin-right:8px;
margin-top:2px;
width:80px;
height:22px;
border:1px solid #ccc;
padding-left:5px;
padding-top:3px;
color:#666;
}
.tellmeContentDiv{
padding-top:8px;
padding-left:8px;
border:1px solid #e0e0e0;
}
.tellmeContentDiv .tellmeTable td.tellmeNameTd2{
width:80px;
}
.tellmeContentDiv .blockSubTitle{
line-height:18px;
}
.tellmeContentDiv .tellmeContent{
margin-top:8px;
margin-left:10px;
}
.verifyImg{
height:20px;
width:200px;
}
.verifyImg img,.verifyImg a{
margin-top:3px;
float:left;
margin-right:4px;
}
.verifyImg a{
margin-top:6px;
}
.bdaySelectDiv{
margin-bottom:10px;
}
.bdayTab{
margin-bottom:-8px;
margin-top:10px;
}
.bdayTab li a{
	display:block;
	float:left;
	height:26px;
	width:70px;
	text-align:center;
	line-height:22px;
*line-height:25px !important;
*line-height:23px;
	margin-right:8px;
	color:#999;
	background-image: url(bdayTab.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
	text-decoration: none;
}
.bdayTab li a:hover{
background:url(bdayTab.gif) left top;
padding-left:0px;
color:#21A121;
text-decoration:none;
}
.bdayTab li.current{
	padding-left:0px;
	color:#21A121;
	background-image: url(bdayTab.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.bdayTab li.current a{
	padding-left:0px;
	color:#21A121;
	background-image: url(bdayTab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
.reminderSpecialBanner{
background:url(reminderSpecialBanner.gif) no-repeat left top;
height:40px;
width:500px;
margin-left:8px;
}
.tellmePageTitle{
background:url(bdayCakeIconBig.gif) no-repeat left top;
padding-left:50px;
height:40px;
line-height:40px;
font-weight:bold;
font-size:18pt;
color:#333;
margin-left:20px;
margin-top:22px;
}
.bdayCountdownArea .goOn{
float:left;
margin-top:12px;
}
.bdayCountdownArea{
margin-left:20px;
margin-top:8px;
margin-bottom:32px;
width:360px;
height:100px;
border:2px dotted #e0e0e0;
}
.bdayCountdownArea .bday{
text-align:center;
margin-top:16px;
margin-bottom:16px;
color:#666;
}
.bdayCountdownArea .countDown{
margin-bottom:16px;
text-align:center;
font-weight:bold;
font-size:12pt;
}
.bdayCountdownArea .countDown span{
font-size:21pt;
}
.agreeornotDiv{
height:30px;
margin-bottom:32px;
}
.agreeornotDiv a{
margin-right:16px;
float:left;
display:inline;
margin-top:4px;
}
.agreeornotDiv input{
float:left;
display:inline;
margin-right:16px;
}
.tellmeRightIntroBg{
background:url(tellmeRightIntroBg.gif) no-repeat left top;
width:216px;
height:196px;
margin-left:12px;
margin-top:16px;
}
/*freeGift*/
.mothersDayBanner{
position:relative;
width:925px;
height:290px;
background:url(freeGiftTopBanner.gif) no-repeat -1px -1px;
margin-bottom:16px;
}
.mothersDayBanner .tabDiv{
position:absolute;
top:263px;
left:16px;
}
.mothersDayBanner .tabDiv li{
margin-right:5px;
}
.mothersDayBanner .tabDiv li a{
background:none;
display:block;
text-align:center;
font-size:10.5pt;
font-weight:bold;
color:#fff;
line-height:25px;
width:100px;
height:25px;
}
.mothersDayBanner .tabDiv li a:hover{
background:url(mothersdayTabDiv.gif) no-repeat left bottom;
color:#C9147C;
text-decoration:none;
}
.mothersDayBanner .tabDiv li a.current{
background:url(mothersdayTabDiv.gif) no-repeat left bottom;
color:#C9147C;
}
.sectorTitle{
height:32px;
}
.sectorTitle .title{
background:url(mothersdayPageTitleIcon.gif) no-repeat left top;
float:left;
display:inline;
height:24px;
line-height:17px;
*line-height:20px !important;
*line-height:18px;
padding-left:26px;
color:#333;
font-size:13.5pt;
font-weight:bold;
}
.sectorTitle span{
display:block;
float:right;
padding-top:2px;
margin-left:5px;
color:#999;
}
.mothersdayAd1,.mothersdayAd2{
display:block;
width:158px;
height:20px;
background:url(512Banner.gif) no-repeat 20px 10px;
margin-bottom:8px;
padding:40px 0px 40px 500px;
}
.mothersdayAd2{
background:url(512Banner.gif) no-repeat 20px -110px;
}
.takeGiftArea{
background:#FDF9E1;
border:1px #E6D08C solid;
margin-bottom:16px;
color:#333;
}
.takeGiftArea ul{
margin-left:8px;
}
.takeGiftArea li{
float:left;
width:120px;
height:190px;
}
.takeGiftArea .title{
text-align:center;
font-size:10.5pt;
font-weight:bold;
margin-top:16px;
margin-bottom:16px;
}
.takeGiftArea .operationArea .subtitle{
text-align:center;
margin-top:8px;
font-size:9pt;
}
.takeGiftArea .operationArea .img1,.takeGiftArea .operationArea .img2,.takeGiftArea .operationArea .img3,.takeGiftArea .operationArea .img4,.takeGiftArea .operationArea .img5,.takeGiftArea .operationArea .img6{
display:block;
width:90px;
height:90px;
margin:0px auto;
margin-bottom:8px;
background:url(freeGiftMediaPic.gif) no-repeat left top;
}
.takeGiftArea .operationArea .img2{
background:url(freeGiftMediaPic.gif) no-repeat left -90px;
}
.takeGiftArea .operationArea .img3{
background:url(freeGiftMediaPic.gif) no-repeat left -180px;
}
.takeGiftArea .operationArea .img4{
background:url(freeGiftMediaPic.gif) no-repeat left -270px;
}
.takeGiftArea .operationArea .img5{
background:url(freeGiftMediaPic.gif) no-repeat left -360px;
}
.takeGiftArea .operationArea .img6{
background:url(freeGiftMediaPic.gif) no-repeat left -450px;
}
.takeGiftArea .operationArea .name{
width:100%;
text-align:center;
margin-top:10px;
color:#666;
margin-bottom:8px;
}
.importList table.mothersdayImportTable td.msnaddress{
width:320px;
}
table.mothersdayImportTable td.changeMsn{
width:485px;
}
.importMsg textarea.mothersdayImportMsg{
width:614px;
}
.takeGiftBtnArea{
width:86px;
margin:8px auto;
margin-bottom:0px;
}
.takeGiftBtnArea p{
margin-bottom:8px;
}
.takeGiftBtnArea input{
width:84px;
height:22px;
border:none;
text-align:center;
color:#333;
font-size:9pt;
background:url(freeGiftTakenBtn.gif) no-repeat left top;
cursor:pointer;
}
.takeGiftBtnArea input.disable{
color:#aaa;
}
.giftSentArea{
margin:16px 0px 16px 16px;
}
.giftSentArea p{
margin-bottom:6px;
margin-left:4px;
}
.giftSentArea .title{
height:28px;
font-size:10.5pt;
color:#0964AB;
}
.giftSentArea .title span{
float:left;
display:inline;
margin-right:6px;
}
.giftSentArea .title span.text{
margin-top:4px;
}
.tabDiv{
position:absolute;
top:-27px;
left:0px;
height:26px;
width:100%;
}
.tabDiv li{
float:left;
display:inline;
width:120px;
height:26px;
}
.tabDiv li a{
background:url(mothersdaytab.gif) no-repeat left bottom;
display:block;
text-align:center;
font-size:10.5pt;
font-weight:bold;
color:#381D72;
line-height:28px;
width:120px;
height:28px;
}
.tabDiv li a.tabactive1{
background:url(mothersdaytab.gif) no-repeat left top;
color:#333;
}
.mothersdayPageTitleArea{
height:34px;
margin-top:14px;
}
.mothersdayPageTitleArea span{
display:block;
float:left;
padding-top:5px;
margin-left:5px;
color:#999;
}
.mothersdayIntro{
line-height:22px;
margin-bottom:16px;
padding-bottom:11px;
}
.mothersdayIntro span{
float:left;
display:block;
}
.mothersdayIntro span.inviteNum{
width:500px;
margin-left:4px;
}
.mothersdayIntro span.num{
font-style:italic;
font-weight:bold;
}
.giftTaken{
margin-bottom:16px;
}
.giftRecord{
padding-top:0px;
padding-bottom:8px;
}
.giftRecord div{
float:left;
display:inline;
}
.giftRecord .giftImg1,.giftRecord .giftImg2,.giftRecord .giftImg3,.giftRecord .giftImg4,.giftRecord .giftImg5,.giftRecord .giftImg6{
background:url(freeGiftMediaPic.gif) no-repeat left top;
margin-top:0px;
width:90px;
height:90px;
}
.giftRecord .giftImg2{
background:url(freeGiftMediaPic.gif) no-repeat left -90px;
}
.giftRecord .giftImg3{
background:url(freeGiftMediaPic.gif) no-repeat left -180px;
}
.giftRecord .giftImg4{
background:url(freeGiftMediaPic.gif) no-repeat left -270px;
}
.giftRecord .giftImg5{
background:url(freeGiftMediaPic.gif) no-repeat left -360px;
}
.giftRecord .giftImg6{
background:url(freeGiftMediaPic.gif) no-repeat left -450px;
}
.giftRecord .giftRecordInfo{
margin-top:16px;
margin-left:10px;
}
.giftRecord .giftRecordInfo p{
margin-bottom:10px;
}
.giftRecord .giftRecordInfo span{
margin-right:10px;
color:#0964AB;
}
.mothersdayGiftDes1,.mothersdayGiftDes2,.mothersdayGiftDes3,.mothersdayGiftDes4{
background:url(freeGift1.gif) no-repeat 10px 8px;
margin:12px 0px 12px 12px;;
width:610px;
height:270px;
}
.mothersdayGiftDes2{
background:url(freeGift2.gif) no-repeat 10px top;
}
.mothersdayGiftDes3{
background:url(freeGift3.gif) no-repeat 10px top;
}
.mothersdayGiftDes4{
background:url(freeGift4.jpg) no-repeat 10px top;
*background:url(freeGift4.jpg) no-repeat 10px 8px;
}
.importIndexBg{
width:620px;
height:92px;
background:url(importIndexBg.gif) no-repeat left 16px;
margin:0px auto;
margin-bottom:0px;
}
.importIndexBgA{
background:url(importIndexBg.gif) no-repeat left -88px;
width:620px;
height:30px;
display:block;
margin-left:16px;
margin-top:15px;
padding-left:8px;
padding-top:200px;
}
.gotoImport{
background:url(mothersdayGotoBtn.png) no-repeat left top;
width:216px;
height:38px;
display:block;
margin-bottom:16px;
}
/* Add Bday */
.divOuter{
width:632px;
margin-top:10px;
border:5px solid #909090;
}
.divOuter .divHeader{
height:28px;
background:url(divHeaderBg.gif) repeat-x left top;
}
.divOuter .divHeader .title{
font-weight:bold;
color:#fff;
font-size:10.5pt;
float:left;
margin-left:16px;
*margin-left:16px !important;
*margin-left:8px;
margin-top:5px;
*margin-top:7px !important;
*margin-top:5px;
}
.divOuter .divHeader .btnDiv{
float:right;
}
.divOuter .divHeader .btnDiv a{
display:block;
background:url(divCloseBtn.gif) no-repeat left top;
width:50px;
height:20px;
margin-top:6px;
}
.addBday{
	position:relative;
	border-top:1px solid #e0e0e0;
	width:600px;
	margin-top: 36px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
.addBdaySuccessful{
margin:16px 0px 16px 16px;
width:600px;
}
.addBdaySuccessfulBtn{
margin-top:16px;
}
.addBday .tellmeTable{
margin:0px;
}
.addBday .tellmeTable .tellmeInputTd textarea{
width:311px;
border:1px solid #e0e0e0;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
padding-left:5px;
padding-top:3px;
padding-bottom:2px;
margin-top:2px;
color:#666;
}
.openMore{
height:16px;
margin-left:83px;
}
.reminderSetupDiv .openMore{
margin-left:4px;
margin-top:4px;
}
.openMore a{
margin-left:6px;
display:block;
height:14px;
background:url(openMore.gif) no-repeat left 3px;
*background:url(openMore.gif) no-repeat left 1px !important;
*background:url(openMore.gif) no-repeat left 3px;
padding-left:17px;
}
.openMore a:hover{
text-decoration:none;
}
.openMore a.toClose{
background:url(openMore.gif) no-repeat left -11px;
*background:url(openMore.gif) no-repeat left -13px !important;
*background:url(openMore.gif) no-repeat left -11px;
}
.addBday td.tellmeInputTd{
width:328px;
}
.addBday td.tellmeNameTd{
width:70px;
}
.addBday .tellmeTable td.inputDesSpanTd{
width:150px;
padding-left:0px;
}
.addBday .tabDiv{
top:-28px;
}
.addBday .tellmeTable td .setup{
width:320px;
padding-top:6px;
margin-bottom:4px;
}
.addBday .tellmeTable td .setup select,.addBday .tellmeTable td .setup ul,.addBday .tellmeTable td .setup span{
float:left;
}
.addBday .tellmeTable td .setup span{
margin-top:2px;
width:96px;
height:22px;
padding-left:12px;
padding-top:3px;
color:#666;
}
.addBday .tellmeTable td .setup li{
width:160px;
margin-top:4px;
}
#loginDiv{
margin-top:16px;
border:none;
}
#loginDiv .tellmeTable td.tellmeInputTd li{
width:160px;
margin-bottom:10px;
}
.addBdaySuccessful .orderPayOk2{
clear:both;
background:none;
padding:0px;
}
.addBdaySuccessful .blockTitleDiv2{
height:30px;
padding-left:16px;
padding-top:14px;
clear:both;
width:100%;
}
.addBdaySuccessful .loading{
margin-top:0px;
margin-left:16px;
}
/* reminder */
.addReminderBtnDiv{


*margin-left:241px;
	width:210px;
	position:relative;
	top:-4px;
	float: left;
	margin-left: 58px;
}
.addReminderBtn{
border:none;
cursor:pointer;
width:178px;
height:28px;
padding-bottom:3px;
*padding-bottom:0px;
padding-left:15px;
background:url(addReminderBtn.jpg) no-repeat left top;
color:#fff;
font-size:10.5pt;
font-weight:bold;
line-height:25px;
text-align:center;
}
.reminderTitle{
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
height:28px;
}
.reminderTitle span{
float:left;
display:inline;
font-weight:bold;
padding:0px 0px 8px 30px;
margin-top:6px;
margin-right:160px;
}
.reminderTitle span.sub{
margin-right:0px;
}
.reminderTable{
	border-collapse:collapse;
	width: 570px;
	
}
.reminderTable td{
height:40px;
width:530px;
border-bottom:1px dashed #e0e0e0;
cursor:pointer;
}
.reminderTable td.last{
border-bottom:1px solid #fff;
}

.reminderTable .reminderDiv{
height:18px;
margin-top:14px;
margin-bottom:14px;
margin-left:8px;
margin-right:8px;
}
.reminderTable .reminderDiv label{
float:left;
width:14px;
padding:0px;
margin-top:1px;
line-height:15px;
*line-height:17px !important;
*line-height:15px;
}
.reminderTable .reminderDetailShadow{
background:#eaeaea;
position:relative;
bottom:-2px;
right:-2px;
display:none;
margin-bottom:8px;
margin-left:8px;
margin-right:8px;
}
.reminderTable .reminderDetailArea{
	position:relative;
	top:-2px;
	left:-2px;
	border:1px solid #6DBF33;
	background:#fff;
	position:relative;
	font-size:9pt;
	padding:16px;
	margin-top:16px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	width: 550px;
}
.reminderTable td.xclick .reminderDetailShadow{
display:block;
}
.reminderTable .reminderDetailArea a{
font-size:9pt;
margin-left:16px;
}
.reminderTable .addBdayLink{
text-align:center;
margin:0px;
padding-top:8px;
margin-bottom:-9px;
display:none;
width:100%;
height:100%;
}
.reminderTable td:hover .addBdayLink,.reminderTable td.xhover .addBdayLink{
display:block;
}
.reminderTable .reminderDetailArea .reminderDetail{
margin-top:8px;
border-top:1px dashed #e0e0e0;
}
.reminderTable .reminderDetailArea .reminderDetail p{
line-height:32px;
margin-bottom:4px;
margin-top:4px;
color:#999;
}
.reminderTable .reminderDetailArea .reminderDetail li{
color:#999;
position:relative;
z-index:1000;
float:left;
display:inline;
height:22px;
margin-bottom:4px;
width:255px;
}
.reminderTable .reminderDetailArea .reminderDetail li span,.reminderTable .reminderDetailArea .reminderDetail p span{
color:#21A121;
margin-left:4px;
}
.reminderTable .reminderDetailArea .title{
margin-bottom:8px;
color:#333;
position:relative;
}
.reminderTable .reminderDetailArea .title input{
border:none;
background:url(reminderDetailAreaTitleBg.gif) no-repeat left 0px;
width:140px;
height:22px;
cursor:pointer;
position:relative;
top:3px;
margin-left:8px;
}
.reminderTable .reminderDetailArea .greenUpArrow{
position:absolute;
top:-7px !important;
top:-6px;
left:35px;
background:url(greenUpArrow.gif) no-repeat left top;
height:7px;
width:14px;
}
.reminderDiv .name,.reminderTable .reminderDiv .countDown,.reminderTable .reminderDiv .operationArea,.reminderDiv .del{
float:left;
display:inline;
text-align:left;
}
.reminderTable .reminderDiv .name{
width:270px;
}
.reminderTable .reminderDiv .name span.bdayName{
width:225px;
float:left;
font-size:9pt;
margin-left:6px;
margin-top:1px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.reminderTable .reminderDiv .countDown{
width:190px;
}
.reminderTable .reminderDiv .operationArea a{
font-size:9pt;
float:left;
display:block;
}
.remindedel{
	width:16px;
	height:17px;
	background:url(reminderOperationBtn.gif) 48px bottom;
	float: left;
}
.remindedel:hover{
	width:16px;
	height:17px;
	background:url(reminderOperationBtn.gif) 48px top;
	float: left;
}
.reminderedit{
	margin-right:8px;
	width:16px;
	height:17px;
	background:url(reminderOperationBtn.gif) left bottom;
	float: left;
}
.reminderedit:hover{
	margin-right:8px;
	width:16px;
	height:17px;
	background:url(reminderOperationBtn.gif) left top;
	float: left;
}
.reminderundo{
width:16px;
height:17px;
background:url(reminderOperationBtn.gif) 32px bottom;
margin-right:8px;
}
.reminderundo:hover{
width:16px;
height:17px;
background:url(reminderOperationBtn.gif) 32px top;
margin-right:8px;
}
.reminderdestroy{
width:16px;
height:17px;
background:url(reminderOperationBtn.gif) right bottom;
}
.reminderdestroy:hover{
width:16px;
height:17px;
background:url(reminderOperationBtn.gif) right top;
}
.reminderdel,.reminderdel{
background:url(reminderOperationBtn.gif) 48px top;
}
.reminderTable td:hover .reminderDiv .operationArea a.edit,.reminderTable td.xhover .reminderDiv .operationArea a.edit{
background:url(reminderOperationBtn.gif) left top;
}
.reminderTable td:hover .reminderDiv .operationArea a.undo,.reminderTable td.xhover .reminderDiv .operationArea a.undo{
background:url(reminderOperationBtn.gif) 32px top;
}
.reminderTable td:hover .reminderDiv .operationArea a.destroy,.reminderTable td.xhover .reminderDiv .operationArea a.destroy{
background:url(reminderOperationBtn.gif) right top;
}
.reminderTable td:hover,.reminderTable td.xhover{
background:#FDF9E1;
}
.reminderEditArea{
position:relative;
background:#f3f3f3;
border-top:1px solid #e0e0e0;
padding:8px;
}
.reminderEditArea .reminderDiv{
height:16px;
}
.reminderEditArea .name{
width:50px;
}
.reminderEditArea .del{
margin-left:0px;
width:105px;
margin-top:-12px;
position:relative;
top:0px !important;
top:10px;
left:0px !important;
left:10px;
z-index:100;
}
.confirmBtnDiv{
height:40px;
text-align:center;
}
.reminderSetupDiv{
margin-left:8px;
margin-right:8px;
margin-top:12px;
padding-bottom:8px;
}
.reminderSetupDiv .highRedLight{
font-weight:normal;
line-height:18px;
}
.reminderSetupDiv p{
padding:0px 0px 0px 8px;
height:22px;
color:#666;
margin-top:8px;
margin-bottom:8px;
position:relative;
}
.reminderSetupDiv p.first{
margin-top:16px;
}
.reminderSetupDiv p a{
float:left;
}
.reminderSetupDiv p span{
float:left;
display:inline;
width:180px;
margin-right:0px;
height:16px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.reminderSetupDiv p.title{
background:#FFFAD7;
}
.reminderRecentDiv{
margin-left:8px;
margin-right:8px;
padding-bottom:8px;
}
.reminderRecentDiv p{
padding:0px 0px 0px 8px;
height:16px;
color:#666;
margin-top:8px;
margin-bottom:8px;
position:relative;
}
.reminderRecentDiv p.first{
margin-top:16px;
}
.reminderRecentDiv p span{
margin-left:8px;
color:#999;
float:left;
display:inline;
}
.reminderRecentDiv p a{
float:left;
padding-top:0px !important;
*padding-top:2px !important;
*padding-top:0px;
width:49px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.reminderSuggestIcon{
float:left;
position:relative;
left:-1px;
top:-1px;
background:url(suggestIcon.jpg) no-repeat left top;
height:43px;
width:43px;
}
.suggestBlockTitleDiv{
height:43px;
}
.suggestBlockTitleDiv .blockTitle{
margin-top:14px;
margin-left:-10px;
z-index:100;
position:relative;
}
.reminderImportDiv{
margin-left:8px;
margin-right:8px;
padding-bottom:8px;
}
.reminderImportDiv a.msn,.reminderImportDiv a.url,.reminderImportDiv a.wdate{
background:url(reminderImportBtn.png) no-repeat left top;
height:52px;
width:224px;
display:block;
margin:13px auto;
}
.reminderImportDiv a.url{
background:url(reminderImportBtn.png) no-repeat left bottom;
margin:0px auto;
margin-bottom:13px;
}
.reminderImportDiv a.wdate{
background:url(reminderImportBtn.png) no-repeat left center;
margin:0px auto;
margin-bottom:6px;
}
.notloginedNotice{
background:url(notloginedBg.png) no-repeat left top;
height:76px;
width:250px;
margin-bottom:16px;
}
.notloginedNotice .title{
font-size:10.5pt;
font-weight:bold;
color:#D6290B;
padding-top:12px;
margin-left:60px;
margin-bottom:8px;
}
.notloginedNotice .des{
margin-left:60px;
}
.activeBlock{
border:1px solid #E6D08C;
margin-bottom:16px;
background:#FDF9E1;
text-align:center;
position:relative;
}
.activeBlock .title{
font-size:10.5pt;
font-weight:bold;
color:#D6290B;
margin-top:12px;
margin-bottom:8px;
}
.activeBlock .des{
color:#666;
margin-bottom:4px;
}
.activeBlock .subDes{
color:#999;
margin-bottom:4px;
}
.activeBlock div{
margin-bottom:8px;
}
.activeBlock .yellowBottomArrow{
height:7px;
width:14px;
position:absolute;
bottom:-15px;
left:105px;
background:url(activeBlockBottomArrow.gif) no-repeat left top;
}
/* Setup */
.setupUl li{
height:36px;
width:185px;
margin-bottom:-1px;
*margin-bottom:-2px !important;
*margin-bottom:-3px;
position:relative;
}
.setupUl li .greenRightArrow{
height:12px;
width:6px;
background:url(greenRightArrow.gif) no-repeat left top;
position:absolute;
top:13px;
right:-5px !important;
right:-6px;
z-index:1000;
display:none;
}
.setupUl li a{
display:block;
text-align:center;
background:#fff;
height:35px;
width:183px;
border:1px solid #e0e0e0;
line-height:34px;
position:relative;
z-index:1;
}
.setupUl li a:hover{
text-decoration:none;
font-weight:bold;
}
.setupUl li.current{
position:relative;
z-index:100;
}
.setupUl li.current a{
border:1px solid #6DBF33;
font-size:10.5pt;
font-weight:bold;
z-index:100;
color:#333;
}
.setupUl li.current .greenRightArrow{
display:block;
}
.setupRight .successBlock{
margin-bottom:16px;
}
.reg td.inputDesSpanTd .editBtn{
margin-top:-4px;
*margin-top:-3px;
padding-bottom:2px;
}
.reg td.input .editBtn{
margin-top:2px;
}
.smsInfo,.smsInfo2{
background:url(smsDes.gif) no-repeat left top;
width:106px;
height:29px;
color:#1C841C;
text-align:center;
line-height:32px;
margin-left:4px;
}
.smsInfo2{
color:#ff0000;
}
.inputInfo .orderInputShort{
width:99px;
margin-left:4px;
}
.setupTimeDiv .tellmeTable td.tellmeNameTd{
vertical-align:top;
padding-top:11px;
}
.setupTimeDiv .tellmeTable td .setup{
width:320px;
padding-top:6px;
margin-bottom:4px;
}
.setupTimeDiv .tellmeTable td .setup select,.setupTimeDiv .tellmeTable td .setup ul,.setupTimeDiv .tellmeTable td .setup span{
float:left;
}
.setupTimeDiv .tellmeTable td .setup span{
margin-top:2px;
width:96px;
height:22px;
padding-left:12px;
padding-top:3px;
color:#666;
}
.setupTimeDiv .tellmeTable td .setup li{
width:160px;
margin-top:4px;
}
/* myOrder */
.myOrder{
border-collapse:collapse;
border:1px solid #e0e0e0;
margin-bottom:8px;
}
.myOrder th{
border-bottom:1px solid #e0e0e0;
height:40px;
text-align:center;
vertical-align:middle;
}
.myOrder td{
border-bottom:1px dashed #e0e0e0;
height:40px;
text-align:center;
vertical-align:middle;
}
.orderNum{
width:110px;
}
.orderName{
width:80px;
}
.orderPayWay{
width:80px;
}
.orderPrice{
width:80px;
}
.orderStatus{
width:80px;
}
.orderTime{
width:145px;
}
.orderOpera{
width:147px;
}
/* Footer Content  */
.aboutContent{
padding:16px;
padding-top:0px;
}
.aboutContent p{
line-height:22px;
}
.aboutContent .title{
font-size:10.5pt;
font-weight:bold;
margin-bottom:8px;
color:#333;
margin-top:16px;
}
.aboutContent .content{
line-height:22px;
margin-bottom:16px;
}
/*checkreminder*/
.rightUrlBtnDiv{
margin-bottom:16px;
}
.rightTextarea textarea{
width:206px;
line-height:18px;
font-size:9pt;
padding:4px;
color:#999;
margin-bottom:8px;
border:1px solid #e0e0e0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding-bottom:2px;
background:url(inputBg.gif) repeat-x top left;
background-color:#fff;
height:82px;
}
.rightUrlDes{
line-height:18px;
margin-bottom:8px;
}
.checkReminderDetail{
float:left;
display:inline;
width:420px;
margin-left:12px;
}
.checkReminderDetail table{
border-collapse:collapse;
margin-bottom:8px;
margin-top:8px;
}
.checkReminderDetail td{
height:22px;
line-height:22px;
padding-top:4px;
padding-bottom:4px;
border-bottom:1px dashed #e0e0e0;
}
.checkReminderDetail td.name{
color:#999;
width:50px;
}
.checkReminderDetail td.des{
width:310px;
}
.checkReminderDetail td.des .nameTitle{
line-height:16px;
font-size:12pt;
padding-bottom:0px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-weight:bold;
}
.checkReminderDetail td.operation{
width:40px;
}
.checkReminderDetail tr.last td{
border-bottom:none;
}
.checkReminderDetail .operation a{
font-size:9pt;
float:left;
display:block;
}
.checkReminderDetail .operation a.del{
width:16px;
height:17px;
background:url(reminderOperationBtn.gif) 48px top;
}
.checkReminderDetail .operation a.edit{
margin-right:8px;
width:16px;
height:17px;
background:url(reminderOperationBtn.gif) left top;
}
.checkReminderCountdown{
float:left;
display:inline;
margin-top:14px;
height:130px;
}
.checkReminderCountdown .countdownTitle{
height:22px;
width:205px;
background:#d80000;
color:#fff;
line-height:20px;
padding-left:8px;
font-weight:bold;
}
.checkReminderCountdown .countdownContent{
border:2px dashed #ccc;
border-top:none;
}
.checkReminderCountdown .countdownContent p{
	text-align:center;
	padding-top:12px;
	line-height:22px;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:10px;
	font-family:"微软雅黑", "宋体", Tahoma;
	color: #666666;
}
.checkReminderCountdown .countdownContent p span{
font-size:24pt;
color:#d80000;
}
.checkReminderCountdown .countdownContent p.title{
padding-top:4px;
margin-bottom:12px;
}
.reminderEncyTitle{
padding-left:90px;
padding-top:16px;
height:60px;
background:url(checkReminderIcon.jpg) no-repeat 20px 16px;
}
.reminderEncyTitle p{
	line-height:22px;
	color: #666666;
}
.reminderEncyTitle p.title{
font-size:15pt;
font-family:"微软雅黑", "宋体", Tahoma;
margin-bottom:4px;
color:#333;
}
.reminderEncyContent{
margin-top:14px;
}
.reminderEncyContent li{
padding-left:90px;
padding-right:16px;
margin-bottom:12px;
}
.reminderEncyContent li div{
margin-top:16px;
}
.reminderEncyContent li p{
	line-height:22px;
	color: #666666;
}
.reminderEncyContent li p.title{
font-size:10.5pt;
margin-bottom:8px;
font-weight:bold;
color:#333;
}
.reminderEncyReg .indexReg{
margin-top:8px !important;
margin-bottom:16px;
}
/* encyclopedia */
.reminderEncyContent li.otherEncyc1{
background:url(otherEncyc1.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.otherEncyc2{
background:url(otherEncyc2.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.otherEncyc3{
	background:url(otherEncyc3.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.otherEncyc4{
background:url(otherEncyc4.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico1{
background:url(xz_ico1.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico2{
background:url(xz_ico2.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico3{
background:url(xz_ico3.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico4{
background:url(xz_ico4.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico5{
background:url(xz_ico5.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico6{
background:url(xz_ico6.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico7{
background:url(xz_ico7.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico8{
background:url(xz_ico8.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico9{
background:url(xz_ico9.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico10{
background:url(xz_ico10.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico11{
background:url(xz_ico11.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.xz_ico12{
background:url(xz_ico12.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_1{
background:url(sx_1.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_2{
background:url(sx_2.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_3{
background:url(sx_3.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_4{
background:url(sx_4.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_5{
background:url(sx_5.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_6{
background:url(sx_6.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_7{
background:url(sx_7.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_8{
background:url(sx_8.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_9{
background:url(sx_9.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_10{
background:url(sx_10.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_11{
background:url(sx_11.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.sx_12{
background:url(sx_12.gif) no-repeat 12px 3px;
}
.reminderEncyContent li.color1{
background:url(color-1.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color2{
background:url(color-2.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color3{
background:url(color-3.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color4{
background:url(color-4.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color5{
background:url(color-5.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color6{
background:url(color-6.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color7{
background:url(color-7.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color8{
background:url(color-8.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color9{
background:url(color-9.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color10{
background:url(color-10.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color11{
background:url(color-11.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color12{
background:url(color-12.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color13{
background:url(color-13.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color14{
background:url(color-14.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color15{
background:url(color-15.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color16{
background:url(color-16.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color17{
background:url(color-17.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color18{
background:url(color-18.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color19{
background:url(color-19.jpg) no-repeat 12px 3px;
}
.reminderEncyContent li.color20{
background:url(color-20.jpg) no-repeat 12px 3px;
}
/*Footer Service*/
.helpContentDiv{
margin:16px auto;
}
.serviceGuideDiv{
margin-left:30px;
margin-right:30px;
padding-bottom:10px;
border-bottom:1px dashed #ccc;
margin-bottom:15px;
}
.serviceInsSafepay{
background:url(serviceInsSafepay.gif) no-repeat left top;
height:28px;
width:259px;
float:left;
display:inline;
}
.seviceSeeDetail{
display:block;
float:left;
padding-top:7px;
margin-left:10px;
}
.safepayDetail{
background:url(serviceInsSafepayDetail.gif) no-repeat left top;
height:37px;
width:540px;
margin-top:10px;
margin-left:35px;
}
.serviceInsFreePackage{
background:url(serviceInsFreePay.gif) no-repeat left top;
height:28px;
width:171px;
float:left;
display:inline;
}
.freePackageDetail{
background:url(serviceInsFreePayDetail.gif) no-repeat left top;
height:110px;
width:207px;
margin-top:10px;
margin-left:35px;
}
.serviceTermsInsDelivery{
background:url(serviceTermInsDelivery.gif) no-repeat left top;
height:28px;
width:167px;
float:left;
display:inline;
}
.serviceInsDeliveryDetail{
background:url(serviceInsDeliveryDetail.gif) no-repeat left top;
height:25px;
width:323px;
margin-top:10px;
margin-left:39px;
}
.serviceInsAfterSale{
background:url(serviceInsAfterSale.gif) no-repeat left top;
height:28px;
width:155px;
float:left;
display:inline;
}
.serviceInsAfterSaleDetail{
background:url(serviceInsAfterSaleDetail.gif) no-repeat left top;
height:25px;
width:127px;
margin-top:10px;
margin-left:39px;
}
.serviceInsTel{
background:url(serviceInsTel.gif) no-repeat left top;
height:28px;
width:136px;
float:left;
display:inline;
margin-top:2px;
}
.serviceInsTelDetail{
background:url(serviceInsTelDetail.gif) no-repeat left top;
height:25px;
width:523px;
margin-top:10px;
margin-left:39px;
}
.helpAnswerDiv{
margin:15px 30px 0px 30px;
}
.helpAnswerDiv p{
line-height:20px;
}
.helpAnswerDiv .title{
height:40px;
line-height:40px;
background:url(helpCorner.gif) no-repeat 25px bottom;
margin-bottom:3px;
}
.helpAnswerDiv p.contentTitle{
font-weight:bold;
margin-top:15px;
margin-bottom:15px;
}
.helpAnswerDiv .title span{
padding:8px;
padding-right:8px;
padding-bottom:5px;
padding-top:5px;
background-color:#a8a8a8;
color:#fff;
font-weight:bold;
}
/* logout 404 */
.pageCenterTitle{
width:180px;
margin:16px auto;
margin-top:0px;
padding-top:32px;
margin-bottom:16px;
font-family:"微软雅黑", "宋体", Tahoma;
}
.pageCenterTitle .notExit,.pageCenterTitle .logout{
background:url(logout404.gif) no-repeat left bottom;
height:30px;
width:150px;
padding-left:38px;
font-weight:bold;
font-size:16.5pt;
}
.pageCenterTitle .logout{
background:url(logout404.gif) no-repeat left 2px;
*background:url(logout404.gif) no-repeat left 1px;
line-height:23px;
height:23px;
}
.pageCenterContent p{
width:260px;
margin:0px auto;
margin-top:8px;
color:#999;
}
.pageCenterContent{
margin-bottom:16px;
}
.pageCenterContent p.title{
font-family:"微软雅黑", "宋体", Tahoma;
font-size:12pt;
font-weight:bold;
color:#333;
}
.pageCenterContent p.subTitle{
font-family:"微软雅黑", "宋体", Tahoma;
font-size:10.5pt;
color:#333;
}
.pageCenterLinkArea{
margin:0px auto;
margin-bottom:32px;
text-align:center;
}
.pageCenterLinkArea a{
font-size:10.5pt;
display:block;
margin-bottom:12px;
margin-right:16px;
}
/* footer content */
.footertext{
text-align:left;
width:866px;
background:url(footerBg.gif) no-repeat left 19px;
*background:url(footerBg.gif) no-repeat left 19px !important;
*background:url(footerBg.gif) no-repeat left 20px;
padding-top:16px;
padding-bottom:5px;
padding-left:60px;
border-top:1px solid #e0e0e0;
color:#999;
}
.footertext span{
font-weight:bold;
}
.footertext span.rights{
font-family:Arial;
font-weight:bold;
}
.footertext p{
margin-bottom:7px;
*margin-bottom:8px;
}
.footertext a{
color:#999;
}
.footerService{
height:32px;
width:657px;
margin:0px auto;
margin-bottom:15px;
background:url(footerServiceIcons.gif) no-repeat left top;
}
.footerUtility{
width:430px;
margin-left:-8px !important;
margin-left:-16px;
margin-bottom:5px;
*margin-bottom:5px !important;
*margin-bottom:7px;
}
.footerUtility li{
float:left;
height:18px;
margin-left:8px;
margin-right:8px;
}
.footerUtility li a{
display:block;
margin-top:0px;
*margin-top:2px;
}
.footer .copyright{
text-align:left;
margin-bottom:16px;
}

