@charset "utf-8";
body {
    background-color: #f52b41;
    min-width: 1200px ;
}

.doubleday_head {
	width: 100%;
}
.doubleday_bg1 {
	width: 100%;
	height: 284px;
	background: url('../images/doubleday/festival_bg1.jpg') no-repeat center;
}
.doubleday_bg2 {
	width: 100%;
	height: 616px;
	background: url('../images/doubleday/festival_bg2.jpg') no-repeat center;
	position: relative;
}

.doubleday_box_wrap {
	width: 1052px;
	height: 622px;
	background: url('../images/doubleday/box_bg.png') no-repeat center;
	margin: 0 auto;
	position: absolute;
    top: 0;
    left: 50%;
    margin-left: -482px;
}

.doubleday_boxlist {
    position: absolute;
    width: 770px;
    height: 360px;
    left: 50%;
    margin-left: -430px;
    top: 25%;
    padding-left: 30px;
    padding-top: 30px;
    overflow: hidden;
}
.doubleday_box_item {
	width: 135px;
	height: 129px;
	background: url('../images/doubleday/closebox.png') no-repeat center;
	float: left;
	padding: 0px 25px 70px;
	cursor: pointer;
}
.doubleday_box_item.open_box {
	background: url('../images/doubleday/openbox.png') no-repeat center;
}
.doubleday_record {
	width: 56px;
	height: 194px;
	position: absolute;
	top: 157px;
	right: 80px;
	cursor: pointer;
}
.doubleday_count {
	font-size: 18px;
	color: #f52b41;
	position: absolute;
	bottom: 19px;
	left: 50%;
    margin-left: -143px;
	width: 210px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

.doubleday_rule {
	width: 1126px;
	height: 349px;
	background: url('../images/doubleday/festival_rule.png') no-repeat center;
	margin: 20px auto;
}

.hbg {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 998;
    width: 100%;
    height: 100%;
    background: url(../images/aside/grey_bg.png) repeat;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    _left: expression(eval(document.documentElement.scrollLeft));
    _width: expression(eval(document.documentElement.clientWidth));
    _height: expression(eval(document.documentElement.clientHeight));
}
.toast {
	display: none;
	width: 280px;
	height: 38px;
	line-height: 38px;
	text-align: center;
    background: url(../images/aside/grey_bg.png) repeat;
    position: fixed;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -100px;
	border-radius: 19px;
	behavior: url(ie-css3.htc);
	color: white;
	font-size: 18px;
	z-index: 9999;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    _left: expression(eval(document.documentElement.scrollLeft));
    _width: expression(eval(document.documentElement.clientWidth));
    _height: expression(eval(document.documentElement.clientHeight));
}

.box_modal {
	display: none;
	width: 480px;
	height: 430px;
	background: url('../images/doubleday/box_modal.png') no-repeat center;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -215px 0 0 -240px;
	z-index: 999;
	text-align: center;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop));
    _left: expression(eval(document.documentElement.scrollLeft));
    _width: expression(eval(document.documentElement.clientWidth));
    _height: expression(eval(document.documentElement.clientHeight));
}
.gift_desc {
	font-size: 16px;
	color: #fffbe4;
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	line-height: 24px;
}
.gift_wrap {
	width: 100%;
	position: absolute;
	left: 0;
	top: 154px;
}
.gift_wrap img {
	width: 136px;
}

.gift_btn {
	width: 134px;
	height: 40px;
	position: absolute;
	bottom: 18px;
	left: 50%;
	margin-left: -67px;
	cursor: pointer;
}

.footerLogo {
	width: 209px;
	height: 89px;
	background: url(../images/doubleday/y9_bottom-logo.png) center bottom no-repeat;
	margin: 40px auto 0;
}
#footer_link_info{
	color: #fff;
}
#footer_link_info p a{
	color: #fff;
}