@charset "utf-8";

body{
	background:url(../images/bk.png) ;
}

.out{
	width:1024px;
	height:730px;
	background:url(../images/PageBG.jpg) ;
	margin:0 auto;
	box-shadow:0px 0px 10px #ccc;
	border:10px solid #fff;
	behavior: url(js/pie/PIE.htc);
}
.content{
	width:1024px;
	height:672px;
	overflow:hidden;
	position:relative;
}
.indexPeople{
	width:365px;
	height:1198px;
	position:absolute;
	background:url(../images/people.png) no-repeat;
	margin:73px 0px 0px 10px;
}
.pageLocation{
	width:auto;
	height:61px;
	color:#fff;
	position:absolute;
	margin:50px 0px 0px 875px;
	text-shadow:1px 1px 5px #f30,-1px -1px 5px #f30;
	font-size:34px;
	font-weight:bold;
}
.pageLocation p{
	margin:20px 0px 0px -10px;
	display:none;
}
.pageLocation span{
	font-size:13px;
	line-height:1.5em;
	font-weight:bold;
	letter-spacing:2px;
}
.indexTitle{
	width:698px;
	height:308px;
	position:absolute;
	background:url(../images/title.png) no-repeat;
	margin:100px 0px 0px 250px;
}

.iPtext{
	width:137px;
	height:102px;
	margin:100px 0px 0px 185px;
}
.heartBtnArea{
	width:650px;
	height:auto;
	position:absolute;
	margin:470px 0px 0px 470px;
	z-index:999;
}
.heartBtn{
	width:180px;
	height:165px;
	float:left;
}
.heartBtn div{
	position:absolute;
	width:180px;
	height:165px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 5px #f30,-1px -1px 5px #f30;
	text-align:center;
	line-height:7.2em;
	cursor:pointer;
}
.iTcontent{
	width:auto;
	height:auto;
	margin:265px 0px 0px 135px;
}
.iTcontent li{
	font-size:14px;
	color:#785032;
	padding:5px 0px 5px 25px ;
	background:url(../images/flower.png) no-repeat 0px 2px;
	font-weight:bold;
}
.iTcontent li[class="notice"]{
	font-size:16px;
	color:#d9046d;
	padding:5px 0px 5px 0px ;
	background:none;
	text-shadow: 0px 0px 10px #e2fafe;
}
.heartBg{
	width:856px;
	height:1432px;
	position:absolute;
	background:url(../images/bigHeart.png) no-repeat;
	margin:-10px 0px 0px 20px;
}
.deathIeheartBg{
	width:856px;
	height:716px;
	position:absolute;
	background:url(../images/bigHeart2.png) no-repeat;
	margin:0px 0px 0px 20px;
	display:none;
}
.event,.winner{
	width:640px;
	height:300px;
	position:absolute;
	margin:120px 0px 0px 130px;
	display:none;
}
.esB{
	width:100%;
	height:auto;
	position:absolute;
}
.esBtn{
	padding:10px 40px;
	background:#FC9;
	float:left;
	margin:0px 10px 0px 0px;
	position:relative;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	behavior: url(js/pie/PIE.htc);
	color:#C25416;
	cursor:pointer;
}
.esBtnActive{
	padding:10px 40px 20px 40px;
	background:#fff;
	color:#C00;
	font-size:18px;
	font-weight:bold;
}
.eC{
	width:600px;
	height:260px;
	margin-top:36px;
	background:#fff;
	padding:20px;
	-webkit-border-radius: 10px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-topleft: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
	
}
.eCO{
	height:260px;
	overflow-y:auto;
	padding-right:10px;
}
.eCO li{
	list-style:decimal outside;
	color:#666;
	margin:0px 0px 10px 20px;
	line-height:2em;
	font-size:14px;
	text-align:justify;
	text-justify:distribute;

}
.eCO div{
	font-size:14px;
	color:#666;
	margin:20px 0px;
	border-bottom:1px dotted #f60;
	padding:0px 0px 7px 0px;
	line-height:1.5em;
}
.eCO div span{
	padding:5px 20px;
	background:#F60;
	border-radius:5px;
	margin-right:10px;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
	width:100px;
	text-align:center;
}
.eC div p{
	margin-left:190px;
	text-indent:-3.5em;
	margin-bottom:10px;
}
.eCO div p span{
	display:inline;
	color:#F60;
	float:none;
	background:none;
	margin-right:5px;
	padding:0px;
	font-weight:bold;
}
.eCO thead td{
	background:#FF5849;
	color:#FFF;
	font-weight:bold;
	border:#fff solid 2px;
	text-align:center;
	padding:10px;
	
}
.eCO tbody td{
	text-align:center;
	color:#FF5849;
	padding:10px;
	border-bottom:5px solid #FF5849;
}
.eCO div[class="Q"]{
	background:#f60;
	color:#fff;
	padding:10px 10px 10px 37px;
	text-indent:-27px;
	font-weight:bold;
	border-radius:10px;
	margin-bottom:0px;
	box-shadow:0px 1px 2px #777;
	z-index:11;
	position:relative;
	line-height:2em;
}
.eCO div[class="A"]{
	padding:10px 10px 10px 40px;
	background:#FFFCE8;
	margin-top:0px;
	position:relative;
	z-index:10;
	text-indent:-30px;
	text-align:justify;
	text-justify:distribute;
	line-height:2em;
}
.loginArea{
	width:100%;
	height:100%;
	background:url(../images/LoginBg.png);
	position:absolute;
	z-index:1000;
	display:none;
}
.loginOut{
	width:250px;
	height:120px;
	background:#f60;
	position:relative;
	margin:0 auto;
	margin-top:220px;
	box-shadow:0px 0px 10px #000;
	border-radius:10px;
	behavior: url(js/pie/PIE.htc);
	padding-top:20px;
	text-align:center;
}
.loginOut input{
	width:170px;
	margin: 5px 15px;
	font-size:16px;
	padding:5px 10px 5px 40px;
	border:none;
	border-radius:5px;
	position:relative;
	font-family:"微軟正黑體";
}
.loginOut input[type="text"]{
	color:#aaa;
}
#inputId{
	background:url(../images/loginIcon1.png) no-repeat #fff 10px 3px;
}
#textPs,#inputPs{
	background:url(../images/loginIcon2.png) no-repeat #fff 10px 3px;
}
#inputPs{
	color:#f60;
	display:none;
}
.goback{
	width:25px;
	height:25px;
	position:absolute;
	background:url(../images/loginIcon3.png) no-repeat #f60 ;
	margin:-40px 0px 0px 210px;
	cursor:pointer;
	border:#f60 solid 10px;
	border-radius:25px;
	behavior: url(js/pie/PIE.htc);
}
.loginOut input[type="submit"]{
	padding:5px 10px;
	cursor:pointer;
	border:8px solid #F60;
	box-shadow:0px 8px 3px rgba(0,0,0,0.5);
	border-radius:10px;
	behavior: url(js/pie/PIE.htc);
}
#lbLogin{
	width:90px;
	padding:10px 40px;
	background:#efefef;
	cursor:pointer;
	border:8px solid #F60;
	box-shadow:0px 8px 3px rgba(0,0,0,0.5);
	border-radius:10px;
	text-decoration:none;
	color:#666;
	position:absolute;
	behavior: url(js/pie/PIE.htc);
	font-size:18px;
	margin:90px 0px 0px 32px;
	z-index:999;
}
.winner{
	background:#fff;
	border-radius:10px;
	padding:20px;
	width:600px;
}
.winner p{
	margin-bottom:5px;
}
.winner p span{
	color:#FD0070;
	font-size:26px;
	font-weight:bold;
}
.winner table td{
	font-size:14px;
	vertical-align:middle;
	padding:5px 10px;
	border-bottom:#FD0070 solid 1px;
	line-height:1.5em;
}
.winner table td[class="remark"]{
	width:200px;
}
.winner table td[class="gift"]{
	width:100px;
	text-align:center;
}
.winner thead td{
	background:#FD0070;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:inherit;
	border:2px solid #fff;
}
.winner tbody span{
	float:right;
	color:#FD0070;
	font-weight:bold;
}
.winner table td[class="getGift"]{
	background:url(../images/gift.png) no-repeat center center;
}
.winner table td[class="noGift"]{
	background:url(../images/gift1.png) no-repeat center center;
}