@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size:100%;}q:before,q:after {content:'';}abbr,acronym {border:0;}i,b,u,s{font-style:normal;font-weight:normal;text-decoration: none;}
/*common*/
.fl{float:left;}.fr{float:right;}.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }.clearfix { *zoom: 1;}
.normal-link{ text-decoration: none}.normal-link:hover{text-decoration: underline;}.ico-link{ text-indent: -999em; text-decoration: none}.ico-link:hover{text-decoration: none}
/*main*/
body{ font-family: \5fae\8f6f\96c5\9ed1, Verdana, sans-serif, \5b8b\4f53; background: url(../images/bg.jpg) center 0 no-repeat;}
.content{ width: 1000px; margin:0 auto; position: relative;}
.top{ height: 620px; background: url(../images/top.jpg) no-repeat;}
.middle{ height: 400px; background: url(../images/middle.jpg) no-repeat;}
.bottom{ height: 780px; background: url(../images/bottom.jpg) no-repeat; position: relative;}

.top-info{ position: absolute; left: 20px; top:360px; line-height: 2em; color: #b40000; font-size: 14px; width: 590px}
.top-info h4{ font-size: 16px; color: #663333; line-height: 2.4em}
.top-info span{ color: #f00}
.top-info a{color: #f00}

.login-btn{ position: absolute; left:0; top:278px; color: #8a501f; font-size: 14px;}
.login-btn a{ color: #8a501f; text-decoration: underline;}

.lottery{ width: 488px; height: 248px; position: absolute; top:228px; left: 102px}
.lottery span{ position: absolute; width: 163px; height: 83px; display: none}
.l1{ left: 0; top:0;  background: url(../images/lottery-hover.jpg) 0 0 no-repeat;}
.l2{ left: 163px; top:0;  background: url(../images/lottery-hover.jpg) -163px 0 no-repeat;}
.l3{ left: 326px; top:0;  background: url(../images/lottery-hover.jpg) -326px 0 no-repeat;}
.l4{ left: 326px; top:83px;  background: url(../images/lottery-hover.jpg) -326px -83px no-repeat;}
.l5{ left: 326px; top:166px;  background: url(../images/lottery-hover.jpg) -326px -166px no-repeat;}
.l6{ left: 163px; top:166px;  background: url(../images/lottery-hover.jpg) -163px -166px no-repeat;}
.l7{ left: 0; top:166px;  background: url(../images/lottery-hover.jpg) -0 -166px no-repeat;}
.l8{ left: 0; top:83px;  background: url(../images/lottery-hover.jpg) -0 -83px no-repeat;}

.get-gift{ position: absolute; width: 376px; height: 50px; left: 156px; top:492px;}
.get-lottery{ position: absolute; left: 265px; top:309px; width: 163px; height: 83px;}

#login , #reg{ width: 530px; height: 272px; position: absolute; left: 50%; margin-left: -265px; display: none}
#login{ background: url(../images/pop-login.jpg) no-repeat;}
#reg{ background: url(../images/pop-reg.jpg) no-repeat;}
.login-inputs{ margin:70px auto 0; width: 330px}
.reg-inputs{ margin:65px auto 0; width: 330px}
 label{display: block; height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 14px; }
 label span{ display: inline-block; *zoom:1; width: 80px; text-align: left; color: #990000}
#login input,#reg input{ background: #FADCA8; border:1px solid #A23306; width: 170px; height: 18px; padding:4px 5px;}
#btn-log,#btn-reg{ position: absolute; left: 180px; top:198px; width: 176px; height: 54px;}
.close{ width: 33px; height: 33px; position: absolute; right: 8px; top:8px; }
.login-a{ position:absolute; left:370px; top:212px; color:#8a501f; font-size:16px; text-decoration:underline;}
#record{width: 489px; height: 363px; background: url(../images/record-bg.jpg) no-repeat; position: absolute; left: 50%; margin-left: -244px; display: none}
#record-inner{ margin-top: 160px; text-align: center; color: #9C0004; font-size: 16px}
#pop-pic{border: 2px solid #ccc; border-radius: 5px; background: #fff; display: none; position: absolute; left:50%;}
#pop-pic .close { background: url(../images/close.gif) no-repeat; width: 20px; height: 20px; right:5px; top:5px; position: absolute;}
#card{ background: url(../images/card-bg.jpg) no-repeat; width: 489px; height: 266px; position: absolute; left: 50%; margin-left: -244px; display: none}
#card-inner{margin:157px 0 0 197px; color: #eb1414}
#copy{ position: absolute; left: 171px; top:194px; width: 141px; height: 43px;}

#mar_list{width:250px; height:270px; position:absolute; top:270px; left:633px; font-size:14px; line-height:30px; color:#330000;}
#mar_list p{ overflow:hidden; width: 100%; }

.pics{ overflow: hidden; position: absolute; width: 920px; height: 140px; left: 64px; top:17px;}
.pic-item{ float: left; width: 174px; margin-left: 10px; display: inline;}
.pic-item a{ display: block; width: 100%; height: 120px; background: url(../images/img-bg.jpg) no-repeat; }
.pic-item img{ width: 165px; height: 108px; margin:4px 0 0 4px;}
.pic-item .item-name{ float: left; height: 20px; line-height: 20px; color: #000}
.pic-item .item-flower{ float: right; background: url(../images/flower.jpg) no-repeat; height: 20px; padding-left: 12px; line-height: 20px; color: #ce423f }

.footer a{color:#78230d;}
.footer{margin:auto; position: absolute; bottom: 60px; left:0; width:1000px; height:123px;overflow:hidden;line-height:22px;text-align:center;color:#78230d;padding-top:15px; font-size: 12px}
.logo{ position: absolute; left: 660px; top:33px; width: 122px; height: 120px}