if(([% data.is_sd %] == 1) && ([% data.is_enter %] != 1) && ([% data.dialogData.is_gear_dungeon || 0 %] != 1 ) && ([% data.is_enable_combat_element_popup %] == 1)) {
        $.pageData.my.showMenu();
    }/* event CSS */

/* Event top
----------------------------------------------------------------*/
.event-top-banner {
	width: 319px;
	height: 108px;
	position: relative;
}

.event-top-name {
    width: 319px;
    height: 52px;
    position: relative;
    background-image: url("../i/event_common/event_banner_tips.png");
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-background-size: 319px 52px;
}

	.event-top-banner a.mbgaui-widget-anchors,
	.event-top-banner a.mbgaui-active {
		width: 319px;
		height: 108px;
		display: block;
		position: relative;
	}

.mbgaui-widget-anchors-event-name {
    height: 21px;
    content: "";
    display: block;
    position: absolute;
    top: 33px;
    left: 8px;
    z-index: 2;
    color: rgb(235, 152, 64);
    font-size: 11px;
    cursor: pointer;
    font-family: DotFont;
}

	.event-top-banner a.mbgaui-widget-anchors { opacity: 1.0; }
	.event-top-banner a.mbgaui-active { opacity: 0.6; }
	
	.event-top-banner2 {
		width: 319px;
		height: 148px;
		display: block;
		position: relative;
	}

/* quest-reward-block2 */
.event-top-img-block {
	width: 298px;
	height: 140px;
	position: relative;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/quest_rank_bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 298px 48px;
}

	.event-top-img-area {
		padding: 0 8px;
		width: 298px;
		height: 140px;
		position: relative;
		-webkit-box-sizing: border-box;
		background-image: url("../i/event/2001/event_detail_btn.png");
		background-repeat: no-repeat;
		background-position: right bottom;
		-webkit-background-size: 249px 118px;
	}
	
	.event-top-img-area.event2001 { background-image: url("../i/event/2001/event_detail_btn.png")!important; }
	.event-top-img-area.event5001 { background-image: url("../i/event/5001/event_detail_btn.png")!important; }
	.event-top-img-area.event2002 { background-image: url("../i/event/2002/event_detail_btn.png")!important; }
	.event-top-img-area.event5002 { background-image: url("../i/event/5002/event_detail_btn.png")!important; }
	
	.event-top-img-area2 {
		padding: 0 8px;
		width: 298px;
		height: 140px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.event-top-img-area2 img {
			position: absolute;
			bottom: 1px;
			right: -12px;
			z-index: 1;
		}

		.event-top-img-cap01 {
			color: #e9d4b2;
			line-height: 20px;
			font-family: DotFont;
		}
		
		.event-top-img-cap02 {
			font-size: 1.2rem;
			color: #ccff00;
			line-height: 20px;
			font-family: DotFont;
		}
		
		.event2001 .event-top-img-cap02 { color: #ccff00!important; }
		.event5001 .event-top-img-cap02 { color: #ff009a!important; }
		.event2002 .event-top-img-cap02 { color: #e9d4b2!important; }
		.event5002 .event-top-img-cap02 { color: #ff0000!important; }
		
	.event-detail-cap {
		margin: 0 9px 6px;
		height: 156px;
		display: table;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
		.event-detail-cap p {
			padding: 0 8px;
			font-size: 1.2rem;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}
		
	.event-detail-cap2 {
		margin: 0 9px 6px;
		width: 302px;
		height: 64px;
		display: table;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
		.event-detail-cap2 p {
			padding: 0 8px;
			font-size: 1.2rem;
			line-height: 18px;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}
		
	.event-detail-cap3 {
		margin: 0 9px 6px;
		padding: 50px 0 0;
		width: 302px;
		height: 205px;
		position: relative;
		top: 16px;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.5);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
		.event-detail-cap3 p {
			padding: 0 8px 30px;
			font-size: 2.1rem;
			color: #ffea00;
			line-height: 18px;
			text-align: center;
			font-family: DotFont;
			text-shadow: 0 2px 1px #b47200;
		}
		
		.event-detail-count {
			margin: 0 auto;
			width: 234px;
			height: 40px;
			display: table;
			position: relative;
			-webkit-box-sizing: border-box;
			border: #000000 solid 1px;
			background: #0a0a0a;
		}
		
		.event-detail-count:before {
			width: 232px;
			height: 19px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.12)), to(rgba(255,255,255,0.05)));
		}
		
		.event-detail-count .event-detail-count-num {
			font-size: 2.6rem;
			color: #ffffff;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
			z-index: 1;
		}
		
	.event-detail-btn-block {
		padding: 20px 1px 0;
		width: 302px;
		display: -webkit-box;
		-webkit-box-pack: center;
		-webkit-box-sizing: border-box;
	}
	
		.event-detail-btn-block li {
			width: 98px;
			height: 132px;
		}
		
		.event-detail-btn {
			margin: 0 auto;
			width: 88px;
			height: 85px;
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}
		
		.event-detail-btn.mbgaui-widget-anchors { opacity: 1.0; }
		.event-detail-btn.mbgaui-active { opacity: 0.5; }
		
		.event-detail-btn1 {
			background-image: url("../i/common/sprite_lang.png");
			background-position: 0 -265px;
		}
		
		.event-detail-btn1.mbgaui-widget-anchors { opacity: 1.0; }
		.event-detail-btn1.mbgaui-active { opacity: 0.5; }
		
		.event-detail-btn2 {
			background-image: url("../i/event_common/sprite_event.png");
			background-position: -88px -275px;
		}
		
		.event-detail-btn2.mbgaui-widget-anchors { opacity: 1.0; }
		.event-detail-btn2.mbgaui-active { opacity: 0.5; }
		
		.event-detail-btn3 {
			background-image: url("../i/event_common/sprite_event.png");
			background-position: -176px -275px;
		}
		
		.event-detail-btn3.mbgaui-widget-anchors { opacity: 1.0; }
		.event-detail-btn3.mbgaui-active { opacity: 0.5; }
		
		.event-detail-btn-cap {
			font-size: 1.2rem;
			color: #ffea00;
			line-height: 18px;
			font-weight: bold;
			font-family: DotFont;
			text-align: center;
			text-shadow: 0 1px 1px #b47200;
		}

/* Event top team
----------------------------------------------------------------*/
.event2002-title-current {
	width: 298px;
	height: 23px;
	font-size: 1.5rem;
	color: #808080;
	line-height: 23px;
	font-family: DotFont;
	text-align: center;
}

.event2002-title-win,
.event2002-title-lose {
	padding: 4px 0 0;
	width: 298px;
	height: 23px;
	-webkit-box-sizing: border-box;
}

	.event2002-title-win:before,
	.event2002-title-lose:before {
		margin: 0 auto;
		width: 181px;
		height: 14px;
		content: "";
		display: block;
		background-image: url("../i/common/sprite_lang.png");
		background-repeat: no-repeat;
		background-position: 0 -368px;
		-webkit-background-size: 320px 1550px;
	}
	
	.event2002-title-win:before { background-position: -74px -128px; }
	.event2002-title-lose:before { background-position: -74px -142px; }


.event2002-gauge-body {
	width: 298px;
	height: 117px;
	display: -webkit-box;
	position: relative;
}
	
	.event2002-gauge-area {
		width: 149px;
		height: 117px;
		position: relative;
	}
	
		.event2002-gauge-area-point {
			width: 86px;
			height: 37px;
			position: absolute;
			top: 0;
			background: #000000;
		}
		
		.event2002-gauge-area-point.team-left { left: 18px; }
		.event2002-gauge-area-point.team-right { right: 18px; }
		
			.event2002-gauge-area-point.team-left:before,
			.event2002-gauge-area-point.team-right:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -7px;
				border-top: 7px solid #000000;
				border-left: 5px solid transparent;
				border-right: 5px solid transparent;
			}
		
			.event2002-gauge-area-point.team-left:before { left: 39px; }
			.event2002-gauge-area-point.team-right:before { right: 39px; }
			
			.event2002-gauge-area-name {
				margin: 0 4px;
				font-size: 1.0rem;
				color: #ffffff;
				line-height: 17px;
			}
			
				.event2002-gauge-area-name span { font-weight: bold; }
				
			.event2002-gauge-area-num {
				margin: 0 4px;
				font-size: 1.4rem;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
			}
			
			.team-left .event2002-gauge-area-num { color: #ffb500; }
			.team-right .event2002-gauge-area-num { color: #e64700; }

	.event2002-gauge-area-cap {
		width: 298px;
		height: 28px;
		font-size: 1.3rem;
		color: #e9d4b2;
		line-height: 28px;
		font-family: DotFont;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 5px;
	}

/* Event end
----------------------------------------------------------------*/
.event-point-block {
	height: 48px;
	display: -webkit-box;
	background-image: url("../i/common/battle_rank_bg.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 118px 47px;
}

	.event-point-block-parts {
		margin: 10px 0;
		padding: 0 10px;
		width: 149px;
		height: 28px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
	}
	
	.event-point-block-parts.left { border-right:#272727 solid 1px; }
	.event-point-block-parts.right { border-left:#101010 solid 1px; }
	
		.event-point-block-parts dt {
			width: 49px;
			height: 28px;
			font-size: 1.2rem;
			color: #747474;
			line-height: 26px;
			font-weight: bold;
		}
		
		.event-point-block-parts dd {
			width: 80px;
			height: 28px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 26px;
			font-weight: bold;
			text-align: right;
		}
	
.event-chara-text-shadow {
	margin: 0 auto 8px;
	width: 285px;
	height: 85px;
	position: relative;
	background: rgba(255,241,229,0.5);
}

	.event-chara-text-shadow:before {
		width: 295px;
		height: 75px;
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		left: -5px;
		background: rgba(255,241,229,0.5);
	}
	
	.event-chara-text {
		width: 305px;
		height: 65px;
		display: table;
		position: absolute;
		top: 10px;
		left: -10px;
		background: rgba(255,241,229,0.5);
		z-index: 2;
	}
	
		.event-chara-text p {
			padding: 0 16px 0 76px;
			font-size: 1.2rem;
			color: #814f00;
			line-height: 16px;
			font-weight: bold;
			vertical-align: middle;
			display: table-cell;
		}
		
		.event-chara-text-img {
			width: 95px;
			height: 101px;
			position: absolute;
			top: -11px;
			left: -8px;
		}
	

/* Event tips
----------------------------------------------------------------*/
.event-tips-body {
	padding: 0 0 49px;
	width: 320px;
	min-height: 440px;
	position: relative;
	top: 40px;
	-webkit-box-sizing: border-box;
}

	.event-tips-body:before {
		width: 320px;
		height: 480px;
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: #444444;
	}
	
		.event-tips-block {
			width: 320px;
			height: 40px;
		}

			.event-tips-block a.mbgaui-widget-anchors,
			.event-tips-block a.mbgaui-active {
				padding: 0 29px 0 33px;
				height: 40px;
				line-height: 36px;
				font-weight: bold;
				text-decoration: none;
				display: block;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.event-tips-block a.mbgaui-widget-anchors {
				color: #664e4e;
				border-top: #edeceb solid 2px;
				border-bottom: #b2aba9 solid 2px;
				background: #cecccb;
			}

				.event-tips-block a.mbgaui-widget-anchors:before {
					width: 14px;
					height: 10px;
					content: "";
					display: block;
					position: absolute;
					top: 14px;
					left: 9px;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					background-position: -297px -66px;
					-webkit-background-size: 320px 1550px;
				}

/*				
				.event-tips-block a.mbgaui-widget-anchors:after {
					width: 99px;
					height: 40px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.event-tips-block.tips01 a.mbgaui-widget-anchors:after { background-position: 0 -26px; }
				.event-tips-block.tips01noimg a.mbgaui-widget-anchors:after { background-position: 0 -26px; }
				.event-tips-block.tips02 a.mbgaui-widget-anchors:after { background-position: -99px -26px; }
				.event-tips-block.tips03 a.mbgaui-widget-anchors:after { background-position: -198px -26px; }
				.event-tips-block.tips04 a.mbgaui-widget-anchors:after { background-position: 0 -106px; }
				.event-tips-block.tips05 a.mbgaui-widget-anchors:after { background-position: -99px -106px; }
				.event-tips-block.tips06 a.mbgaui-widget-anchors:after { background-position: -198px -106px; }
				.event-tips-block.tips07 a.mbgaui-widget-anchors:after { background-position: 0 -186px; }
*/
			
			.event-tips-block a.mbgaui-active {
				color: #cecccb;
				border-top: #1c1713 solid 2px;
				border-bottom: #2e2621 solid 2px;
				background: #29221d;
			}
				
				.event-tips-block a.mbgaui-active:before {
					width: 14px;
					height: 10px;
					content: "";
					display: block;
					position: absolute;
					top: 12px;
					left: 9px;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					background-position: -297px -76px;
					-webkit-background-size: 320px 1550px;
				}

/*
				.event-tips-block a.mbgaui-active:after {
					width: 99px;
					height: 40px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.event-tips-block.tips01 a.mbgaui-active:after { background-position: 0 -66px; }
				.event-tips-block.tips01noimg a.mbgaui-active:after { background-position: 0 -66px; }
				.event-tips-block.tips02 a.mbgaui-active:after { background-position: -99px -66px; }
				.event-tips-block.tips03 a.mbgaui-active:after { background-position: -198px -66px; }
				.event-tips-block.tips04 a.mbgaui-active:after { background-position: 0 -146px; }
				.event-tips-block.tips05 a.mbgaui-active:after { background-position: -99px -146px; }
				.event-tips-block.tips06 a.mbgaui-active:after { background-position: -198px -146px; }
				.event-tips-block.tips07 a.mbgaui-active:after { background-position: 0 -226px; }
*/			
			.event-tips-block .push {
				padding: 0 29px 0 33px!important;
				height: 40px!important;
				color: #cecccb!important;
				line-height: 36px!important;
				font-weight: bold!important;
				text-decoration: none!important;
				display: block!important;
				position: relative!important;
				-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.3);
				-webkit-box-sizing: border-box!important;
				border-top: #1c1713 solid 2px!important;
				border-bottom: #2e2621 solid 2px!important;
				background: #29221d!important;
			}
		
				.event-tips-block .push.mbgaui-widget-anchors:before,
				.event-tips-block .push.mbgaui-active:before {
					width: 14px;
					height: 10px;
					content: "";
					display: block;
					position: absolute;
					top: 12px;
					left: 9px;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					background-position: -297px -76px!important;
					-webkit-background-size: 320px 1550px;
				}

/*
				.event-tips-block .push.mbgaui-widget-anchors:after,
				.event-tips-block .push.mbgaui-active:after {
					width: 99px;
					height: 40px;
					content: "";
					display: block;
					position: absolute;
					top: -2px;
					right: 0;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.event-tips-block.tips01 .push.mbgaui-widget-anchors:after { background-position: 0 -66px; }
				.event-tips-block.tips01 .push.mbgaui-active:after { background-position: 0 -66px; }
				.event-tips-block.tips01noimg .push.mbgaui-widget-anchors:after { background-position: 0 -66px; }
				.event-tips-block.tips01noimg .push.mbgaui-active:after { background-position: 0 -66px; }
				.event-tips-block.tips02 .push.mbgaui-widget-anchors:after { background-position: -99px -66px; }
				.event-tips-block.tips02 .push.mbgaui-active:after { background-position: -99px -66px; }
				.event-tips-block.tips03 .push.mbgaui-widget-anchors:after { background-position: -198px -66px; }
				.event-tips-block.tips03 .push.mbgaui-active:after { background-position: -198px -66px; }
				.event-tips-block.tips04 .push.mbgaui-widget-anchors:after { background-position: 0 -146px; }
				.event-tips-block.tips04 .push.mbgaui-active:after { background-position: 0 -146px; }
				.event-tips-block.tips05 .push.mbgaui-widget-anchors:after { background-position: -99px -146px; }
				.event-tips-block.tips05 .push.mbgaui-active:after { background-position: -99px -146px; }
				.event-tips-block.tips06 .push.mbgaui-widget-anchors:after { background-position: -198px -146px; }
				.event-tips-block.tips06 .push.mbgaui-active:after { background-position: -198px -146px; }
				.event-tips-block.tips07 .push.mbgaui-widget-anchors:after { background-position: 0 -226px; }
				.event-tips-block.tips07 .push.mbgaui-active:after { background-position: 0 -226px; }
*/
			
		.event-tips-cap {
			padding: 12px 9px 40px;
			position: relative;
			background-image: url("../i/event_common/event_tip_bg.png");
			background-repeat: repeat;
			background-position: 0 0;
			-webkit-background-size: 5px 5px;
		}
		
		.event-tips-cap.tips01 {
			padding: 12px 9px 160px;
		}
		
			.event-tips-cap.tips01 .tips01-img {
				width: 320px;
				height: 160px;
				content: "";
				display: block;
				position: absolute;
				bottom: 0;
				left: 0;
				background-repeat: no-repeat;
				background-position: left bottom;
				-webkit-background-size: 320px 160px;
				z-index: 0;
			}
			
			.event-tips-cap p {
				padding: 0 10px 15px;
				font-size: 1.3rem;
				color: #9c8e7c;
				line-height: 16px;
				z-index: 1;
			}
			
			.event-tips-cap p.imgtitle {
				padding: 0 0 4px;
				font-size: 1.3rem;
				color: #ffffff;
				line-height: 16px;
				text-align: center;
				z-index: 1;
			}
			
			.event-tips-cap p.imgtitle02 {
				padding: 0 0 4px;
				font-size: 1.3rem;
				color: #ff0000;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				z-index: 1;
			}
			
			.event-tips-cap p.red { color: #ff0000; }
			
			.event-tips-cap p.note {
				padding: 0 10px 15px 16px;
				font-size: 1.3rem;
				color: #9c8e7c;
				line-height: 16px;
				position: relative;
				z-index: 1;
			}
			
			.event-tips-cap p.rednote {
				padding: 0 10px 15px 16px;
				font-size: 1.0rem;
				color: #ed4601;
				line-height: 16px;
				position: relative;
				z-index: 1;
			}
			
				.event-tips-cap p.note:before,
				.event-tips-cap p.rednote:before {
					width: 16px;
					height: 16px;
					content: "*";
					line-height: 16px;
					display: block;
					position: absolute;
					top: 3px;
					left: 4px;
				}
				
			.event-tips-cap p.rednonenote {
				padding: 0 10px 15px;
				font-size: 1.3rem;
				color: #ed4601;
				line-height: 16px;
				position: relative;
				z-index: 1;
			}
			
			.event-tips-cap p.rednonenote2 {
				padding: 0 10px 4px;
				font-size: 1.3rem;
				color: #ed4601;
				line-height: 16px;
				position: relative;
				z-index: 1;
			}
			
			.event-tips-cap p.rednumnote {
				padding: 0 10px 8px 30px;
				font-size: 1.0rem;
				color: #ed4601;
				line-height: 16px;
				position: relative;
				z-index: 1;
			}
				.event-tips-cap p.rednumnote:before {
					width: 30px;
					height: 16px;
					content: "*";
					line-height: 16px;
					display: block;
					position: absolute;
					top: 0;
					left: 4px;
				}
				
				.event-tips-cap p.rednumnote.note1:before { content: "[*1]"; }
				.event-tips-cap p.rednumnote.note2:before { content: "[*2]"; }
				.event-tips-cap p.rednumnote.note3:before { content: "[*3]"; }
			
			.event-tips-cap p.crown-cap {
				padding: 0 6px 15px;
				font-size: 1.3rem;
				color: #ed4601;
				line-height: 16px;
				z-index: 1;
			}
			
			.event-tips-cap p.bp {
				padding: 0 10px 8px;
				font-size: 1.3rem;
				color: #9c8e7c;
				line-height: 16px;
			}
			
			.event-tips-cap p.bp span {
				color: #d7b68c;
				font-weight: bold;
			}
			
			.event-tips-cap p.bpbold {
				padding: 0 10px 8px;
				font-size: 1.3rem;
				color: #d7b68c;
				line-height: 16px;
				font-weight: bold;
			}
			
			.event-tips-list {
				padding: 0 10px 0 0;
				font-size: 1.3rem;
				color: #9c8e7c;
				line-height: 16px;
			}
			
				.event-tips-list li {
					padding: 0 0 15px 24px;
					font-size: 1.3rem;
					color: #9c8e7c;
					line-height: 16px;
					font-weight: bold;
					position: relative;
				}
				
				.event-tips-list li:before {
					width: 18px;
					height: 15px;
					content: "";
					display: block;
					position: absolute;
					top: 2px;
					left: 0;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.event-tips-list li.list01:before { background-position: -297px -86px; }
				.event-tips-list li.list02:before { background-position: -297px -101px; }
				.event-tips-list li.list03:before { background-position: -297px -116px; }
				.event-tips-list li.list04:before { background-position: -297px -131px; }
				.event-tips-list li.list05:before { background-position: -297px -146px; }
				.event-tips-list li.list06:before { background-position: -300px -164px; }
				.event-tips-list li.list07:before { background-position: -300px -180px; }
			
				.event-tips-stitle01 {
					margin: 0 0 10px;
					padding: 0 0 0 15px;
					height: 14px;
					font-size: 1.4rem;
					color: #f9df51;
					font-weight: bold;
					position: relative;
				}
				
					.event-tips-stitle01:before {
						width: 7px;
						height: 7px;
						content: "";
						display: block;
						position: absolute;
						top: 5px;
						left: 0;
						background-image: url("../i/event_common/sprite_event.png");
						background-repeat: no-repeat;
						background-position: -297px -26px;
						-webkit-background-size: 320px 1550px;
					}
				
				.event-tips-stitle-none {
					height: 1px;
				}
				
				.event-tips-stitle02 {
					height: 20px;
					font-size: 1.3rem;
					color: #6e5638;
					line-height: 20px;
					font-family: DotFont;
					text-align: center;
					background: #000000;
				}
				
				.event-tips-stitle03 {
					margin: 0 0 8px 0;
					padding: 0 0 0 14px;
					height: 16px;
					color: #ffffff;
					line-height: 16px;
					font-weight: bold;
					position: relative;
				}

					.event-tips-stitle03:before {
						width: 9px;
						height: 9px;
						content: "";
						display: block;
						position: absolute;
						top: 4px;
						left: 0;
						background-image: url("../i/common/sprite.png");
						background-repeat: no-repeat;
						background-position: -304px -432px;
						-webkit-background-size: 320px 1550px;
					}
					
				.event-tips-stitle04 {
					margin: 0 8px;
					padding: 8px 0 0;
					height: 23px;
					font-size: 1.3rem;
					color: #9a866a;
					line-height: 23px;
					font-weight: bold;
					text-align: center;
					position: relative;
					border-bottom: #13110e solid 1px;
				}
				
				.event-tips-stitle05 {
					margin: 0 0 10px;
					height: 14px;
					font-size: 1.4rem;
					color: #f9e0ff;
					font-weight: bold;
					font-family: DotFont;
					text-align: center;
					position: relative;
					text-shadow: 0 2px 1px #a268b0;
				}
				
				.event-tips-dlist {
					margin: 0 9px 15px;
				}
				
					.event-tips-dlist dt {
						font-size: 1.2rem;
						color: #9c8e7c;
						line-height: 16px;
						font-weight: bold;
					}
					
					.event-tips-dlist dd {
						margin: 0 4px;
						font-size: 1.2rem;
						color: #ff0000;
						line-height: 16px;
					}
					
				.event-tips-list02-shadow {
					margin: 0 0 8px;
					width: 302px;
					position: relative;
					top: 6px;
					background: rgba(0,0,0,0.2);
				}
					
					.event-tips-list02 {
						padding: 3px;
						width: 294px;
						position: relative;
						top: -3px;
						left: 4px;
						-webkit-box-sizing: border-box;
						background: rgba(0,0,0,0.2);
					}
					
						.event-tips-list02:before {
							width: 294px;
							height: 6px;
							content: "";
							display: block;
							position: absolute;
							bottom: -6px;
							left: 0;
							background: rgba(0,0,0,0.2);
						}
					
						.event-tips-list02 .list02 {
							margin: 0 8px 0 24px;
							height: 24px;
							font-size: 1.3rem;
							color: #d1c687;
							line-height: 24px;
							list-style-type: disc;
							-webkit-box-sizing: border-box;
						}
						
							.event-tips-list02 .list02 span { color:#ed4601; }
						
				.event-tips-list03 {
					padding: 0 10px;
					z-index: 1;
				}
				
					.event-tips-list03 li {
						margin: 0 0 15px 12px;
						font-size: 1.3rem;
						color: #9c8e7c;
						line-height: 16px;
						list-style-type: disc;
						-webkit-box-sizing: border-box;
					}
					
					.event-tips-list03 li span { color: #ed4601; }

		.event-tips-build.mbgaui-widget-anchors,
		.event-tips-build.mbgaui-active,
		.event-tips-store.mbgaui-widget-anchors,
		.event-tips-store.mbgaui-active {
			margin: 0 0 15px;
			width: 302px;
			height: 57px;
			text-align: center;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
		}
			
			.event-tips-build.mbgaui-widget-anchors p,
			.event-tips-build.mbgaui-active p,
			.event-tips-store.mbgaui-widget-anchors p,
			.event-tips-store.mbgaui-active p {
				font-size: 1.5rem;
				color: #ffd800;
				line-height: 54px;
				font-weight: bold;
				display: inline-block;
				position: relative;
				-webkit-box-sizing: border-box;
			}
		
			.event-tips-build.mbgaui-widget-anchors:before,
			.event-tips-build.mbgaui-active:before {
				width: 39px;
				height: 39px;
				content: "";
				display: block;
				position: absolute;
				top: 8px;
				left: 10px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/event_common/sprite_event.png");
				background-repeat: no-repeat;
				background-position: -99px -186px;
				-webkit-background-size: 320px 1550px;
			}
			
			.event-tips-store.mbgaui-widget-anchors:before,
			.event-tips-store.mbgaui-active:before {
				width: 58px;
				height: 41px;
				content: "";
				display: block;
				position: absolute;
				top: 7px;
				left: 10px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/event_common/sprite_event.png");
				background-repeat: no-repeat;
				background-position: -140px -186px;
				-webkit-background-size: 320px 1550px;
			}
			
			.event-tips-build.mbgaui-widget-anchors:after,
			.event-tips-build.mbgaui-active:after,
			.event-tips-store.mbgaui-widget-anchors:after,
			.event-tips-store.mbgaui-active:after {
				width: 11px;
				height: 11px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -216px -24px;
				-webkit-background-size: 320px 1550px;
			}
		
		.event-tips-build.mbgaui-widget-anchors,
		.event-tips-store.mbgaui-widget-anchors {
			border: #651d0d solid 2px;
			background: #36140b;
		}
		
		.event-tips-build.mbgaui-active,
		.event-tips-store.mbgaui-active {
			border: #2d2d2d solid 2px;
			background: #191919;
		}
		
		.event-tips-img {
			width: 320px;
			position: relative;
			left: -9px;
			text-align: center;
		}

		.evolving-edge-area {
			width: 320px;
			position: relative;
			left: -9px;
			text-align: center;
			font-weight: bold;
			font-size: 1.2rem;
			color: #9c8e7c;
		}

		.evolving-edge-area .mbgaui-widget-anchors { font-size: 1.2rem; color: #ffd200; }
		
		.event-tips-rank {
			margin: 0 0 0 24px;
			height: 28px;
			font-size: 1.3rem;
			color: #b94600;
			line-height: 28px;
			font-weight: bold;
			list-style-type: disc;
		}
		
		.event-tips-rank-top {
			height: 46px;
			display: -webkit-box;
			background: #000000;
		}
		
		.event-tips-rank-top:nth-child(2n) { background: none; }
		.event-tips-rank-top:nth-last-of-type(1) { margin: 0 0 8px; }
		
		.event-tips-rank-top .reward01 {
			padding: 5px 0 0 13px;
			width: 62px;
			height: 46px;
			-webkit-box-sizing: border-box;
			position: relative;
		}
		
		.event-tips-rank-top .reward02 {
			width: 150px;
			height: 46px;
			font-size: 1.3rem;
			color: #d1c687;
			line-height: 46px;
			vertical-align: middle;
			display: table-cell;
			position: relative;
		}
		
		.event-tips-rank-top .reward02 span { color: #ed4601; }
			
		.event-tips-rank-top .reward03 {
			padding: 0 0 0 10px;
			width: 76px;
			font-size: 1.3rem;
			color: #ffffff;
			line-height: 46px;
			-webkit-box-sizing: border-box;
			position: relative;
		}
		
		.event-tips-rank-top .reward04,
		.event-tips-rank-top .reward05 {
			width: 62px;
			height: 46px;
			-webkit-box-sizing: border-box;
			position: relative;
		}
		
			.event-tips-rank-top .reward04:before {
				width: 23px;
				height: 23px;
				content: "";
				display: block;
				position: absolute;
				top: 12px;
				left: 20px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/event_common/sprite_event.png");
				background-repeat: no-repeat;
				background-position: -198px -186px;
				-webkit-background-size: 320px 1550px;
			}
		
			.event-tips-rank-top .reward05:before {
				width: 24px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 16px;
				left: 20px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/event_common/sprite_event.png");
				background-repeat: no-repeat;
				background-position: -222px -186px;
				-webkit-background-size: 320px 1550px;
			}
		
		.event-tips-rank-reward:nth-of-type(3n+2) {
			width: 144px;
			float: left;
			-webkit-box-sizing: border-box;
			border-left: none;
			border-right: #000000 solid 1px;
		}
		
		.event-tips-rank-reward:nth-of-type(3n+3) {
			width: 144px;
			float: left;
			-webkit-box-sizing: border-box;
			border-left: #161511 solid 1px;
			border-right: none;
		}
		
		.event-tips-rank-reward-clear {
			width: 1px;
			height: 1px;
			float: none;
			clear: both;
			border: none;
		}
		
			.event-tips-rank-reward-block {
				width: 142px;
				display: -webkit-box;
			}
			
				.event-tips-rank-reward-block .reward01 {
					padding: 0 0 0 16px;
					width: 115px;
					height: 18px;
					font-size: 1.2rem;
					color: #d1c687;
					line-height: 18px;
					-webkit-box-sizing: border-box;
				}
				
				.event-tips-rank-reward-block .reward02 {
					width: 27px;
					height: 18px;
					font-size: 1.2rem;
					color: #ffffff;
					line-height: 18px;
				}

			.event-tips-back {
				height: 47px;
				position: absolute;
				bottom: 11px;
				left: 8px;
				-webkit-box-sizing: border-box;
				z-index: 120;
				padding: 7px 8px;
			}

			.event-tips-back.mbgaui-widget-anchors,
			.event-tips-back.mbgaui-active {
				width: 42px;
				height: 34px;
				display: block;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
				z-index:125;
			}

			.event-tips-back.mbgaui-widget-anchors { background-position: -42px 0; }
			.event-tips-back.mbgaui-active { background-position: -42px -34px; }
			
			.event-tips-gototop.mbgaui-widget-anchors,
			.event-tips-gototop.mbgaui-active {
				padding: 0 14px 0 0;
				text-align: right;
				position: absolute;
				right: 9px;
				bottom: 21px;
			}
			
			.event-tips-gototop.mbgaui-widget-anchors {
				color: #e9d4b2;
			}
			
			.event-tips-gototop.mbgaui-active {
				color: #ff9e00;
				font-weight: bold;
			}
			
				.event-tips-gototop.mbgaui-widget-anchors:before,
				.event-tips-gototop.mbgaui-active:before {
					width: 11px;
					height: 6px;
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					right: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -128px -24px;
					-webkit-background-size: 320px 1550px;
				}
				
				.event-tips-gototop.mbgaui-widget-anchors:before{ background-position: -128px -24px; }
				.event-tips-gototop.mbgaui-active:before{ background-position: -144px -24px; }
				
	.event-tips-evolution {
		margin: 0 16px;
		padding: 0 5px;
		width: 270px;
		height: 77px;
		border: rgba(255,255,255,0.1) solid 2px;
		background: rgba(0,0,0,0.4);
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 0 0 2px #000000;
	}
	
		.event-tips-evolution dt {
			padding: 0 0 0 25px;
			width: 256px;
			height: 28px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 26px;
			font-weight: bold;
			position: relative;
			-webkit-box-sizing: border-box;
			border-bottom: #262422 solid 1px;
		}
		
		/* event rarity */
		.event-tips-evolution dt .rarity-m {
			top: 4px;
			left: -1px;
		}
		
		.event-tips-evolution dd {
			padding: 0 0 0 20px;
			width: 85px;
			height: 22px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 20px;
			float: left;
			position: relative;
			-webkit-box-sizing: border-box;
		}

			.event-tips-evolution dd.hp:before,
			.event-tips-evolution dd.at:before,
			.event-tips-evolution dd.df:before,
			.event-tips-evolution dd.iq:before,
			.event-tips-evolution dd.sp:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 1px;
				left: 0;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				-webkit-background-size: 320px 1550px;
			}
			
			.event-tips-evolution dd.ed:before {
				width: 20px;
				height: 20px;
				content: "";
				display: block;
				position: absolute;
				top: 1px;
				left: 0;
				background-image: url("../i/common/edge_icon.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 20px 20px;
			}

			.event-tips-evolution dd.hp:before { background-position: -210px -96px; }
			.event-tips-evolution dd.at:before { background-position: -230px -96px; }
			.event-tips-evolution dd.df:before { background-position: -250px -96px; }
			.event-tips-evolution dd.iq:before { background-position: -270px -96px; }
			.event-tips-evolution dd.sp:before { background-position: -290px -96px; }
			
	.event-tips-evolution-img1 {
		width: 320px;
		height: 148px;
		position: relative;
		left: -9px;
	}
	
	.event-tips-evolution-img2 {
		width: 320px;
		height: 172px;
		position: relative;
		left: -9px;
	}
	
	.event-tips-evolution-img3 {
		width: 320px;
		text-align: center;
		position: relative;
		left: -9px;
	}
	
		.event-tips-evolution-img-arr {
			width: 127px;
			height: 66px;
			position: absolute;
			left: 96px;
			bottom: 0;
			z-index: 1px;
		}
		
	.event-tips-mob-raid-schedule {
		width: 320px;
		position: relative;
		left: -9px;
	}
	
		.event-tips-mob-raid-schedule-title {
			width: 320px;
			height: 23px;
			display: -webkit-box;
		}
		
		.event-tips-mob-raid-schedule-title-left {
			width: 97px;
			height: 23px;
			font-size: 0.9rem;
			color: #ffffff;
			line-height: 23px;
			font-weight: bold;
			text-align: center;
			background: -webkit-gradient(linear, left top, right top, from(#1f1407),to(#391d07));
		}
		
		.event-tips-mob-raid-schedule-title-right {
			width: 223px;
			height: 23px;
			font-size: 0.9rem;
			color: #ffffff;
			line-height: 23px;
			font-weight: bold;
			text-align: center;
			background: #171005;
		}
		
		.event-tips-mob-raid-schedule-block {
			width: 143px;
		}
		
			.event-tips-mob-raid-schedule-block li {
				width: 143px;
				height: 42px;
				display: -webkit-box;
			}
			
			.event-tips-mob-raid-schedule-block li:nth-of-type(odd) { background: -webkit-gradient(linear, left top, right top, from(rgba(70,52,32,0.3)),to(rgba(70,52,32,0.9))); }
			.event-tips-mob-raid-schedule-block li:nth-of-type(even) { background: -webkit-gradient(linear, left top, right top, from(rgba(51,37,22,0.3)),to(rgba(51,37,22,0.9))); }
			
				.event-tips-mob-raid-schedule-block-left {
					width: 97px;
					height: 42px;
					display: table;
					-webkit-box-sizing: border-box;
					-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);
				}
				
					.event-tips-mob-raid-schedule-block-left p {
						padding: 0 0 0 12px;
						width: 97px;
						height: 42px;
						font-size: 1.1rem;
						color: #ffffff;
						line-height: 16px;
						font-weight: bold;
						vertical-align: middle;
						display: table-cell;
						-webkit-box-sizing: border-box;
					}
					
					.event-tips-mob-raid-schedule-block-left p span {
						color: #e7dab8;
						font-weight: normal;
					}
					
				.event-tips-mob-raid-schedule-block-right {
					padding: 3px 0 0;
					width: 46px;
					height: 42px;
					position: relative;
					-webkit-box-sizing: border-box;
				}
				
		.event-tips-mob-raid-schedule-block-after {
			width: 177px;
			height: 250px;
			text-align: right;
			position: absolute;
			top: 23px;
			right: 0;
		}
		
		.event-tips-mob-raid-schedule-block-after img {
			position: absolute;
			top: -15px;
			right: 0;
		}
		
			.event-tips-mob-raid-schedule-block-after:before {
				width: 57px;
				height: 113px;
				content: "";
				display: block;
				position: absolute;
				top: 20px;
				left: 6px;
				background-image: url("../i/event/2004/evolve_arr.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 57px 113px;
			}
			
		.event-tips-mob-raid-schedule-block-stats {
			width: 155px;
			height: 125px;
			text-align: left;
			position: absolute;
			top: 125px;
			right: 11px;
		}
		
		.event-tips-mob-raid-schedule-block-name {
			margin: 0 0 0 2px;
			padding: 0 0 0 23px;
			height: 23px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 21px;
			font-weight: bold;
			position: relative;
		}
		
			/* event rarity */
			.event-tips-mob-raid-schedule-block-name .rarity-m {
				top: 0;
				left: -1px;
			}
		
		.event-tips-mob-raid-schedule-block-stats-max {
			height: 16px;
			font-size: 0.9rem;
			color: #ff0000;
			line-height: 16px;
			position: absolute;
			top: 7px;
			right: 0;
		}
		
		.event-tips-mob-raid-schedule-block-stats dl {
			width: 160px;
			height: 94px;
			border: rgba(255,255,255,0.1) solid 2px;
			background: rgba(0,0,0,0.4);
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 0 0 2px #000000;
		}
			
			.event-tips-mob-raid-schedule-block-stats dd {
				padding: 0 0 0 20px;
				width: 52px;
				height: 15px;
				font-size: 0.8rem;
				color: #ff0000;
				line-height: 17px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.event-tips-mob-raid-schedule-block-stats dd.hp:before,
				.event-tips-mob-raid-schedule-block-stats dd.at:before,
				.event-tips-mob-raid-schedule-block-stats dd.df:before,
				.event-tips-mob-raid-schedule-block-stats dd.iq:before,
				.event-tips-mob-raid-schedule-block-stats dd.sp:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -1px;
					left: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					-webkit-background-size: 320px 1550px;
				}
				
				.event-tips-mob-raid-schedule-block-stats dd.ed:before {
					width: 20px;
					height: 20px;
					content: "";
					display: block;
					position: absolute;
					top: -1px;
					left: 0;
					background-image: url("../i/common/edge_icon.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 20px 20px;
				}

				.event-tips-mob-raid-schedule-block-stats dd.hp:before { background-position: -210px -96px; }
				.event-tips-mob-raid-schedule-block-stats dd.at:before { background-position: -230px -96px; }
				.event-tips-mob-raid-schedule-block-stats dd.df:before { background-position: -250px -96px; }
				.event-tips-mob-raid-schedule-block-stats dd.iq:before { background-position: -270px -96px; }
				.event-tips-mob-raid-schedule-block-stats dd.sp:before { background-position: -290px -96px; }
				
	.event-tips-mob-raid-schedule-block-stats dd.skill {
		margin: 0 1px 4px;
		padding: 3px 0 0 20px;
		width: 150px;
		height: 17px;
		font-size: 0.9rem;
		color: #dadada;
		line-height: 18px;
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.event-tips-mob-raid-schedule-block-stats dd.skill:before {
			width: 20px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 3px;
			left: 0;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -216px 0;
			-webkit-background-size: 320px 1550px;
		}
		
	.event-tips-mob-raid-schedule-block-stats dd.skilld {
		margin: 0 1px 0 5px;
		padding: 0;
		width: 150px;
		height: 17px;
		font-size: 0.9rem;
		color: #dadada;
		line-height: 12px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
		
/* Event 2002
----------------------------------------------------------------*/
.event-tips-evolution-faapp01,
.event-tips-evolution-faapp02 {
	margin: 0 8px;
	width: 286px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-top: #37332f solid 1px;
	border-bottom: #13110e solid 1px;
}

.event-tips-evolution-faapp01 { height: 337px; }
.event-tips-evolution-faapp02 { height: 530px; }

	.event-tips-evolution-faapp-block01,
	.event-tips-evolution-faapp-block02 {
		width: 320px;
		height: 335px;
		position: absolute;
		top: 0;
		left: -17px;
		-webkit-box-sizing: border-box;
	}
	
	.event-tips-evolution-faapp-block01 { height: 335px; }
	.event-tips-evolution-faapp-block02 {height: 528px; }
	
		.event-tips-evolution-faapp-block-upper01,
		.event-tips-evolution-faapp-block-upper02 {
			width: 320px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.event-tips-evolution-faapp-block-upper01 { height: 173px; }
		.event-tips-evolution-faapp-block-upper02 {
			padding: 20px 0 0;
			height: 193px;
		}
		
			.event-tips-evolution-faapp-block-upper01 img,
			.event-tips-evolution-faapp-block-upper02 img {
				position: absolute;
				bottom: 23px;
				left: 0;
				z-index: 1;
			}

			.event-tips-evolution-faapp-nst {
				margin: 0 0 0 113px;
				width: 207px;
				height: 90px;
			}
			
				.event-tips-evolution-faapp-nst-name {
					margin: 0 0 0 10px;
					padding: 10px 0 0 23px;
					height: 23px;
					font-size: 1.4rem;
					color: #ffffff;
					line-height: 21px;
					font-weight: bold;
					position: relative;
				}
				
					/* event rarity */
					.event-tips-evolution-faapp-nst-name .rarity-m {
						top: 10px;
						left: -1px;
					}
				
				.event-tips-evolution-faapp-nst-max {
					height: 16px;
					font-size: 1.2rem;
					color: #ff0000;
					line-height: 16px;
					position: absolute;
					right: 12px;
				}
				
				.max-fix01 { top: 18px; }
				.max-fix02 { top: 38px; }
				.max-fix03 { top: 57px; }
				.max-fix04 { top: 33px; right: 2px}

				.event-tips-evolution-faapp-nst dl {
					width: 198px;
					height: 55px;
					border: rgba(255,255,255,0.1) solid 2px;
					background: rgba(0,0,0,0.4);
					-webkit-box-sizing: border-box;
					-webkit-box-shadow: 0 0 2px #000000;
				}
					
					.event-tips-evolution-faapp-nst dd {
						padding: 0 0 0 20px;
						width: 64px;
						height: 15px;
						font-size: 1.1rem;
						color: #ff0000;
						line-height: 17px;
						float: left;
						position: relative;
						-webkit-box-sizing: border-box;
					}

						.event-tips-evolution-faapp-nst dd.hp:before,
						.event-tips-evolution-faapp-nst dd.at:before,
						.event-tips-evolution-faapp-nst dd.df:before,
						.event-tips-evolution-faapp-nst dd.iq:before,
						.event-tips-evolution-faapp-nst dd.sp:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: -1px;
							left: 0;
							background-image: url("../i/common/sprite.png");
							background-repeat: no-repeat;
							-webkit-background-size: 320px 1550px;
						}

						.event-tips-evolution-faapp-nst dd.ed:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: -1px;
							left: 0;
							background-image: url("../i/common/edge_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.event-tips-evolution-faapp-nst dd.hp:before { background-position: -210px -96px; }
						.event-tips-evolution-faapp-nst dd.at:before { background-position: -230px -96px; }
						.event-tips-evolution-faapp-nst dd.df:before { background-position: -250px -96px; }
						.event-tips-evolution-faapp-nst dd.iq:before { background-position: -270px -96px; }
						.event-tips-evolution-faapp-nst dd.sp:before { background-position: -290px -96px; }
						
			.event-tips-evolution-faapp-nst dd.skill {
				margin: 0 1px;
				padding: 3px 0 0 20px;
				width: 192px;
				height: 17px;
				font-size: 1.1rem;
				color: #dadada;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.event-tips-evolution-faapp-nst dd.skill:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 3px;
					left: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -216px 0;
					-webkit-background-size: 320px 1550px;
				}
				
		.event-tips-evolution-faapp-nst-img-arr {
			width: 127px;
			height: 66px;
			position: absolute;
			left: 96px;
			bottom: -26px;
			z-index: 1px;
		}
		
			.event-tips-evolution-faapp-nst-img-arr > img {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
		
		.event-tips-evolution-faapp-block-lower {
			padding: 40px 0 0;
			width: 320px;
			height: 162px;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("../i/event/2002/event02-back_.png");
			background-repeat: no-repeat;
			background-position: 0 80%;
			-webkit-background-size: 320px 116px;
		}
		
			.event-tips-evolution-faapp-block-lower img {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 1;
			}
		
.event-tips-hero-area {
	margin: 0 11px 8px;
	width: 280px;
}

	.event-tips-hero-block {
		width: 55px;
		height: 76px;
		float: left;
		position: relative;
	}
	
		/* event rarity */
		.event-tips-hero-block .rarity-s {
			top: -2px;
			left: 42px;
		}
		
	.event-tips-hero-cap {
		padding: 3px 0 0;
		width: 55px;
		height: 21px;
		font-size: 1.2rem;
		color: #ff0000;
		line-height: 18px;
		text-align: center;
		-webkit-box-sizing: border-box;
	}
	
/* Event evolution
----------------------------------------------------------------*/
.edge-green-color { color: #23f507!important; }
.non_edge { color: #878787!important; }
.welcome_present_non_edge { color: #ffffff!important; }

.event-tips-evolution2-faapp00,
.event-tips-evolution2-faapp00-1 {
	margin: 0 8px;
	width: 286px;
	position: relative;
	top: -10px;
	-webkit-box-sizing: border-box;
}

.event-tips-evolution2-faapp01,
.event-tips-evolution2-faapp01-1,
.event-tips-evolution2-faapp02,
.event-tips-evolution2-faapp03,
.event-tips-evolution2-faapp04 {
	margin: 0 8px;
	width: 286px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-top: #37332f solid 1px;
	border-bottom: #13110e solid 1px;
}

.event-tips-evolution2-faapp00 { height: 162px; }
.event-tips-evolution2-faapp00-1 { height: 202px; }
.event-tips-evolution2-faapp01 { height: 369px; }
.event-tips-evolution2-faapp01-1 { height: 410px; }
.event-tips-evolution2-faapp02 { height: 510px; }
.event-tips-evolution2-faapp03 { height: 610px; }
.event-tips-evolution2-faapp04 { height: 650px; }

	.event-tips-evolution2-faapp-block00,
	.event-tips-evolution2-faapp-block01,
	.event-tips-evolution2-faapp-block02 {
		width: 320px;
		position: absolute;
		top: 0;
		left: -17px;
		-webkit-box-sizing: border-box;
	}
	
	.event-tips-evolution2-faapp-block00 { height: 160px; }
	.event-tips-evolution2-faapp-block01 { height: 367px; }
	.event-tips-evolution2-faapp-block02 {height: 508px; }
	
		.event-tips-evolution2-faapp-block-upper01,
		.event-tips-evolution2-faapp-block-upper02 {
			width: 320px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.event-tips-evolution2-faapp-block-upper01 { height: 207px; }
		.event-tips-evolution2-faapp-block-upper02 {
			padding: 40px 0 0;
			height: 237px;
		}
		
			.event-tips-evolution2-faapp-block-upper01 img,
			.event-tips-evolution2-faapp-block-upper02 img {
				position: absolute;
				bottom: 23px;
				left: 0;
				z-index: 1;
			}

			.event-tips-evolution2-faapp-nst {
				margin: 0 0 0 113px;
				width: 207px;
				height: 90px;
			}
                .event-tips-evolution2-faapp-nst img {
                    margin: 0 0 0 120px;
                    position: absolute;
                    bottom: -10px;
                    left: 0;
                    z-index: 1;
                }
			
				.event-tips-evolution2-faapp-nst-name {
					margin: 0 0 0 10px;
					padding: 0 0 0 23px;
					height: 23px;
					font-size: 1.4rem;
					color: #ffffff;
					line-height: 21px;
					font-weight: bold;
					position: relative;
					top: -10px;
				}
				
					/* event rarity */
					.event-tips-evolution2-faapp-nst-name .rarity-m {
						top: 0;
						left: -1px;
					}
				
				.event-tips-evolution2-faapp-nst-max {
					height: 16px;
					font-size: 1.2rem;
					color: #ffffff;
					line-height: 16px;
					position: absolute;
					right: 12px;
				}
				
				.event-tips-evolution2-faapp-nst-max.max-fix01 { top: 8px; }
				.event-tips-evolution2-faapp-nst-max.max-fix02 { top: 38px; }
				.event-tips-evolution2-faapp-nst-max.max-fix03 { top: 47px; }
				.event-tips-evolution2-faapp-nst-max.max-fix04 { top: 33px; }
				
				.event-tips-evolution2-faapp-nst-max-relic {
					margin: 0 12px 0 0;
					height: 16px;
					font-size: 1.2rem;
					color: #ff0000;
					line-height: 16px;
					text-align: right;
				}
				
				.event-tips-evolution2-faapp-nst dl {
					width: 198px;
					height: 93px;
					border: rgba(255,255,255,0.1) solid 2px;
					background: rgba(0,0,0,0.4);
					-webkit-box-sizing: border-box;
					-webkit-box-shadow: 0 0 2px #000000;
					position: relative;
				}
					
					.event-tips-evolution2-faapp-nst dd {
						padding: 0 0 0 20px;
						width: 64px;
						height: 15px;
						font-size: 1.1rem;
						color: #23f507;
						line-height: 17px;
						float: left;
						position: relative;
						-webkit-box-sizing: border-box;
					}

						.event-tips-evolution2-faapp-nst dd.hp:before,
						.event-tips-evolution2-faapp-nst dd.at:before,
						.event-tips-evolution2-faapp-nst dd.df:before,
						.event-tips-evolution2-faapp-nst dd.iq:before,
						.event-tips-evolution2-faapp-nst dd.sp:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: -1px;
							left: 0;
							background-image: url("../i/common/sprite_retina.png");
							background-repeat: no-repeat;
							-webkit-background-size: 320px 388px;
						}
						
						.event-tips-evolution2-faapp-nst dd.ed:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: -1px;
							left: 0;
							background-image: url("../i/common/edge_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.event-tips-evolution2-faapp-nst dd.up:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							background-image: url("../i/common/arrow_up_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.event-tips-evolution2-faapp-nst dd.down:before {
							width: 20px;
							height: 20px;
							content: "";
							display: block;
							position: absolute;
							top: 0;
							left: 0;
							background-image: url("../i/common/arrow_down_icon.png");
							background-repeat: no-repeat;
							background-position: 0 0;
							-webkit-background-size: 20px 20px;
						}

						.event-tips-evolution2-faapp-nst dd.hp:before { background-position: -44px -172px; }
						.event-tips-evolution2-faapp-nst dd.at:before { background-position: -64px -172px; }
						.event-tips-evolution2-faapp-nst dd.df:before { background-position: -84px -172px; }
						.event-tips-evolution2-faapp-nst dd.iq:before { background-position: -104px -172px; }
						.event-tips-evolution2-faapp-nst dd.sp:before { background-position: -124px -172px; }
						
			.event-tips-evolution2-faapp-nst dd.skill {
				margin: 0 1px;
				padding: 3px 0 0 20px;
				width: 192px;
				height: 17px;
				font-size: 1.1rem;
				color: #dadada;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.event-tips-evolution2-faapp-nst dd.skill:before {
					width: 20px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 2px;
					left: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -216px 0;
					-webkit-background-size: 320px 1550px;
				}
				
			.event-tips-evolution2-faapp-nst dd.skilld {
				margin: 0 1px;
				padding: 3px 0 0 5px;
				width: 192px;
				height: 17px;
				font-size: 1.0rem;
				color: #878787;
				line-height: 12px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			.event-tips-evolution2-faapp-nst dd.passive-skill {
				margin: 0 1px;
				padding: 5px 0 0 22px;
				width: 202px;
				height: 17px;
				/*font-size: 1.1rem;*/
				font-size: 1.04rem;
				color: #23f507;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.event-tips-evolution2-faapp-nst dd.passive-skill:before {
					width: 19px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					left: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -144px -1003px;
					-webkit-background-size: 320px 1550px;
				}

			.event-tips-evolution2-faapp-nst dd.passive-skilld {
				margin: 0 1px;
				padding: 7px 0 0 5px;
				width: 192px;
				height: 17px;
				font-size: 1.0rem;
				color: #878787;
				line-height: 12px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

			/*sd*/
			.event-tips-evolution2-faapp-nst dd.sd-passive-skill {
				margin: 0 1px;
				padding: 5px 0 0 22px;
				width: 202px;
				height: 17px;
				font-size: 1.1rem;
				color: #23f507;
				top: 4px;
				line-height: 18px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}

				.event-tips-evolution2-faapp-nst dd.sd-passive-skill:before {
					width: 19px;
					height: 18px;
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					left: 0;
					background-image: url("../i/common/sprite.png");
					background-repeat: no-repeat;
					background-position: -144px -1003px;
					-webkit-background-size: 320px 1550px;
				}

			.event-tips-evolution2-faapp-nst dd.sd-passive-skilld {
				margin: 0 1px;
				padding: 7px 0 0 5px;
				width: 192px;
				height: 17px;
				font-size: 1.0rem;
				color: #878787;
				line-height: 12px;
				top: 2px;
				float: left;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			/*sd*/
				
		.event-tips-evolution2-faapp-nst-img-arr {
			width: 127px;
			height: 66px;
			position: absolute;
			left: 96px;
			bottom: -26px;
			z-index: 1px;
		}
		
			.event-tips-evolution2-faapp-nst-img-arr > img {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
		
		.event-tips-evolution2-faapp-block-lower {
			padding: 40px 0 0;
			width: 320px;
			height: 162px;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("../i/event/2002/event02-back.png");
			background-repeat: no-repeat;
			background-position: 0 220%;
			-webkit-background-size: 320px 154px;
		}

		.event-tips-evolution2-faapp-block-lower-gvg {
			padding: 25px 0 0;
			width: 320px;
			height: 200px;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("../i/event/9014/event02-back.png");
			background-repeat: no-repeat;
			background-position: 0 220%;
			-webkit-background-size: 320px 200px;
		}
			.event-tips-evolution2-faapp-block-lower-gvg img {
				position: absolute;
				bottom: 17px;
				left: 0;
				z-index: 1;
			}
		
			.event-tips-evolution2-faapp-block-lower-2023 {
				height: 210px;
				-webkit-background-size: 320px 202px;
			}
			.event-tips-evolution2-faapp-block-sef {
				width: 70px;
				height: 17px;
				font-size: 1.3rem;
				color: #ffffff;
				line-height: 17px;
				font-weight: bold;
				text-align: center;
				position: absolute;
				top: 148px;
				right: 213px;
				background-image: url("../i/event_common/sef_shadow.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 70px 17px;
				z-index: 2;
			}
			
				.event-tips-evolution2-faapp-block-sef span {
					color: #00FF14;
				}
		
			.event-tips-evolution2-faapp-block-lower img {
				position: absolute;
				bottom: -10px;
				left: 0;
				z-index: 1;
			}
			
		.event-tips-evolution2-faapp-block-lower2 {
			padding: 40px 0 0;
			width: 320px;
			height: 162px;
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("../i/event/2002/event02-back.png");
			background-repeat: no-repeat;
			background-position: 0 220%;
			-webkit-background-size: 320px 154px;
		}
		
			.event-tips-evolution2-faapp-block-lower2 img {
				position: absolute;
				bottom: -10px;
				left: 0;
				z-index: 1;
			}
			
		.event-tips-evolution2-faapp-block-lower2-1 {
			padding: 40px 0 0;
			width: 320px;
			height: 310px;
			top: 12px
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/info_salepromo_bg.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 306px;
		}
		
			.event-tips-evolution2-faapp-block-lower2-1 img {
				position: absolute;
				bottom: -10px;
				left: 0;
				z-index: 1;
			}

		.event-tips-evolution2-faapp-block-lower2-sd33 {
			padding: 40px 0 0;
			width: 320px;
			height: 211px;
			top: 12px
			position: relative;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/info_salepromo_bg.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 234px;
		}
		
			.event-tips-evolution2-faapp-block-lower2-sd33 img {
				position: absolute;
				/*bottom: -10px;*/
				bottom: -46px;
				left: 0;
				z-index: 1;
			}

.event-tips-evo-guru {
	width: 120px;
	height: 28px;
	position: absolute;
	bottom: 70px;
	right: 1px;
	background-image: url("../i/event_common/prize_guru.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 120px 28px;
}

.event-tips-evo-rouge {
	width: 120px;
	height: 28px;
	position: absolute;
	bottom: -6px;
	right: 1px;
	background-image: url("../i/event_common/prize_rogue.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 120px 28px;
}
			
/* Event pvp howto
----------------------------------------------------------------*/
.event-howto-body {
	width: 320px;
	height: 480px;
	background-image: url("../i/event_common/bg_b.png");
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-background-size: 320px 435px;
}

.event-howto-body-2004 {
	width: 320px;
	height: 480px;
	background-image: url("../i/event_common/bg_b2.png");
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-background-size: 320px 156px;
}

.event-howto-footer {
	width: 320px;
	height: 55px;
	display: -webkit-box;
	-webkit-box-pack: center;
}

.footer-fix {
	position: absolute;
	bottom: 0;
	left: 0;
}

	.event-howto-footer-left,
	.event-howto-footer-right {
		width: 90px;
		height: 55px;
		position: relative;
	}
	
	.event-howto-footer-center {
		width: 140px;
		height: 55px;
		position: relative;
	}

	.event-howto-footer-left-arr,
	.event-howto-footer-right-arr {
		width: 90px;
		height: 55px;
	}

	.event-howto-footer-left-arr {
	}

	.event-howto-footer-right-arr {
	}
	
	.event-howto-footer-left-cap,
	.event-howto-footer-right-cap {
		font-size: 1.0rem;
		color: #ffea00;
		font-family: DotFont;
		text-shadow: 0 1px 1px #954f1b;
		position: absolute;
		top: 20px;
	}

	.event-howto-footer-left-cap {
		text-align: left;
		left: 34px;
	}

	.event-howto-footer-right-cap {
		text-align: right;
		right: 34px;
	}

		.event-howto-footer-left-arr.mbgaui-widget-anchors:before,
		.event-howto-footer-right-arr.mbgaui-widget-anchors:before,
		.event-howto-footer-left-arr.mbgaui-active:before,
		.event-howto-footer-right-arr.mbgaui-active:before {
			width: 22px;
			height: 34px;
			content: "";
			display: block;
			position: absolute;
			top: 10px;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.event-howto-footer-left-arr.mbgaui-widget-anchors:before {
			left: 7px;
			background-position: 0 0;
		}

		.event-howto-footer-right-arr.mbgaui-widget-anchors:before {
			right: 7px;
			background-position: -24px 0;
		}

		.event-howto-footer-left-arr.mbgaui-active:before {
			left: 7px;
			background-position: -48px 0;
		}

		.event-howto-footer-right-arr.mbgaui-active:before {
			right: 7px;
			background-position: -72px 0;
		}
		
	.event-howto-footer-pager {
		width: 140px;
		height: 18px;
		text-align: center;
		position: absolute;
		top: 18px;
		left: 0;
		-webkit-box-sizing: border-box;
		z-index: 1;
	}

		.event-howto-footer-pager li {
			margin: 0 5px;
			width: 6px;
			height: 6px;
			display: inline-block;
		}
		
		.event-howto-footer-pager li.current-user { background: #ffd800; }
		.event-howto-footer-pager li.other-user { background: #2c2c2c; }
		
	.event-howto-footer-btn {
		width: 59px;
		height: 58px;
		background-repeat: no-repeat;
		position: relative;
		top: -4px;
		-webkit-background-size: 320px 1550px;
	}
	
	.event-howto-footer-btn.mbgaui-widget-anchors { opacity: 1.0; }
	.event-howto-footer-btn.mbgaui-active { opacity: 0.5; }
	
	.event-howto-footer-btn1 {
		background-image: url("../i/common/sprite_lang.png");
		background-position: -88px -265px;
	}
	
	.event-howto-footer-btn2 {
		background-image: url("../i/event_common/sprite_event.png");
		background-position: -59px -360px;
	}
	
	.event-howto-footer-btn3 {
		background-image: url("../i/event_common/sprite_event.png");
		background-position: -118px -360px;
	}
	
	.event-howto-footer-btn-s1 {
		background-image: url("../i/common/sprite_lang.png");
		background-position: -147px -265px;
	}
	
	.event-howto-footer-btn-s2 {
		background-image: url("../i/event_common/sprite_event.png");
		background-position: -59px -418px;
	}
	
	.event-howto-footer-btn-s3 {
		background-image: url("../i/event_common/sprite_event.png");
		background-position: -118px -418px;
	}
	
	.event-howto-footer-btn-gvg-fix1 {
		position: absolute!important;
		top: -4px;
		left: 210px;
	}
	
	.event-howto-footer-btn-gvg-fix2 {
		position: absolute!important;
		top: -4px;
		left: 260px;
	}
	
/* Event pvp reward
----------------------------------------------------------------*/
.event-reward-body {
	padding: 0 0 55px;
	width: 320px;
	position: relative;
	background-image: url("../i/event_common/bg_b_ptn.png");
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-background-size: 320px 156px;
}

.event-reward-body-2004 {
	padding: 0 0 55px;
	width: 320px;
	position: relative;
	background-image: url("../i/event_common/bg_b2.png");
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-background-size: 320px 156px;
}

.event-reward-body-9001 {
	padding: 0 0 55px;
	width: 320px;
	position: relative;
	background-image: url("../i/event_common/bg_yellow.png");
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-background-size: 320px 156px;
}

.event-reward-body-title {
	width: 320px;
	height: 40px;
	font-size: 1.5rem;
	color: #ffc600;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

	.event-reward-body-block { margin: 0 9px 9px; }
	.event-reward-body-block.rb { border-bottom: #130f23 solid 2px; }
	.event-reward-body-block.pvp { border-bottom: #2f2013 solid 2px; }
	.event-reward-body-block.gvg { border-bottom: #1d220d solid 2px; }
	
		.event-reward-body-block p {
			margin: 0 0 9px;
			font-size: 1.2rem;
			line-height: 18px;
		}
		
			.event-reward-body-block p span {
				font-weight: bold;
			}

.paragon-preview.mbgaui-widget-anchors,
.paragon-preview.mbgaui-active {
    width: 302px;
    height: 50px;
    text-align: center;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
}

.paragon-preview.mbgaui-widget-anchors p,
.paragon-preview.mbgaui-active p {
    font-size: 1.5rem;
    color: #ffd800;
    line-height: 46px;
    font-weight: bold;
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
}

.paragon-preview.mbgaui-widget-anchors:before,
.paragon-preview.mbgaui-active:before {
    width: 39px;
    height: 39px;
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 10px;
    -webkit-box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: -99px -186px;
    -webkit-background-size: 320px 1550px;
}

.paragon-preview.mbgaui-widget-anchors:after,
.paragon-preview.mbgaui-active:after {
    width: 11px;
    height: 11px;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../i/common/sprite.png");
    background-repeat: no-repeat;
    background-position: -216px -24px;
    -webkit-background-size: 320px 1550px;
}

.paragon-preview.mbgaui-widget-anchors {
    border: #651d0d solid 2px;
    background: #36140b;
    margin-bottom: 15px;
}

.paragon-preview.mbgaui-active {
    border: #2d2d2d solid 2px;
    background: #191919;
}


		.event-tips-other.mbgaui-widget-anchors,
		.event-tips-other.mbgaui-active {
			margin: 0 0 9px 150px;
			width: 150px;
			height: 28px;
			text-align: center;
			display: block;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.event-tips-other.mbgaui-widget-anchors p,
			.event-tips-other.mbgaui-active p {
				font-size: 1.4rem;
				color: #ffd800;
				line-height: 24px;
				font-weight: bold;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
			.event-tips-other.mbgaui-widget-anchors:after,
			.event-tips-other.mbgaui-active:after {
				width: 11px;
				height: 11px;
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -216px -24px;
				-webkit-background-size: 320px 1550px;
			}
		
		.event-tips-other.mbgaui-widget-anchors {
			border: #651d0d solid 2px;
			background: #36140b;
		}
		
		.event-tips-other.mbgaui-active {
			border: #2d2d2d solid 2px;
			background: #191919;
		}
		
/* mission list area 606(mission,arena)
----------------------------------------------------------------*/
.event-mlist-block {
	margin: 0 10px 10px;
	width: 300px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	background: #8065c3;
	z-index: 50;
}

	.event-mlist-block:before {
		width: 100%;
		height: 2px;
		content: "";
		display: block;
		position: absolute;
		bottom: -2px;
		left: 2px;
		background: #573a9e;
		z-index: 50;
	}

	.event-mlist-block:after {
		width: 2px;
		height: 100%;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		right: -2px;
		background: #573a9e;
		z-index: 50;
	}

.event-mlist-block-lock {
	margin: 2px 10px 10px 12px;
	width: 300px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	background: #8065c3;
	z-index: 50;
}

	.list-body > div.event-mlist-block:nth-of-type(1) { margin: 8px 10px 10px; }
	.list-body > div.event-mlist-block-lock:nth-of-type(1) { margin: 10px 8px 10px 12px; }

	.event-mlist-mission-block,
	.event-mlist-mission-block-comp,
	.event-mlist-mission-block-lock {
		width: 300px;
		height: 58px;
		position: relative;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border: #694ab6 solid 1px;
	}

	.event-mlist-mission-block-comp { background-color: #8065c3; }

		.event-mlist-mission-block-num {
			width: 40px;
			height: 58px;
			font-size: 2.0rem;
			font-family: DotFont;
			color: #573a9e;
			line-height: 50px;
			font-weight: bold;
			text-align: center;
		}

		.event-mlist-mission-block-title {
			padding: 0 50px 0 10px;
			width: 260px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3f2264;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}

			.event-mlist-mission-block-title:after {
				width: 9px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 22px;
				right: 14px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -192px -24px;
				-webkit-background-size: 320px 1550px;
			}

		.event-mlist-mission-block-title2 {
			padding: 0 0 0 10px;
			width: 210px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3f2264;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}

			.event-mlist-mission-block-title2:after {
				width: 9px;
				height: 15px;
				content: "";
				display: block;
				position: absolute;
				top: 22px;
				right: -11px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -192px -24px;
				-webkit-background-size: 320px 1550px;
			}
			
		.event-mlist-mission-block-title3 {
			padding: 0 0 0 10px;
			width: 164px;
			height: 58px;
			font-size: 1.2rem;
			font-family: DotFont;
			color: #3f2264;
			line-height: 58px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			position: relative;
		}

		/* right top corne */
		.event-mlist-mission-block:before,
		.event-mlist-boss-block:before,
		.event-mlist-mission-block-comp:before {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -1px;
			right: -3px;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -304px -88px;
			-webkit-background-size: 320px 1550px;
		}

		/* left bottom corne */
		.event-mlist-mission-block:after,
		.event-mlist-boss-block:after,
		.event-mlist-mission-block-comp:after {
			width: 2px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -3px;
			left: -1px;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -312px -88px;
			-webkit-background-size: 320px 1550px;
		}
		
/* base rate list */
.event-tips-base-rate-list {
	margin: 0 0 9px;
	width: 310px;
	position: relative;
	left: 0px;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.6);
}

	.event-tips-base-rate-list-title {
		width: 310px;
		height: 23px;
		display: -webkit-box;
	}
		
		.event-tips-base-rate-list-title-left {
			width: 80px;
			height: 23px;
			font-size: 0.9rem;
			color: #ffffff;
			line-height: 23px;
			font-weight: bold;
			text-align: center;
			/*border-right: 2px solid rgba(0,0,0,1);*/
			/*background: -webkit-gradient(linear, left top, right top, from(#1f1407),to(#391d07));*/
		}
		
			.event-tips-base-rate-list-title-left {
				/*-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);*/
			}
		
		.event-tips-base-rate-list-title-right {
			width: 116px;
			height: 23px;
			font-size: 0.9rem;
			color: #ffffff;
			line-height: 23px;
			font-weight: bold;
			text-align: center;
			background: #171005;
		}
		
			.event-tips-base-rate-list-title-right:nth-of-type(1) {
				-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);
			}

.event-tips-base-rate-list-block {
		width: 310px;
		height: 23px;
		display: -webkit-box;
	}

	.event-tips-base-rate-left {
		width: 80px;
		height: 23px;
		font-size: 1.1rem;
		line-height: 23px;
		text-align: center;
		-webkit-box-sizing: border-box;
		-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);
	}

		.event-tips-base-rate-list-block:nth-of-type(odd) .event-tips-base-rate-left { background: -webkit-gradient(linear, left top, right top, from(rgba(70,52,32,0.3)),to(rgba(70,52,32,0.9))); }
		.event-tips-base-rate-list-block:nth-of-type(even) .event-tips-base-rate-left { background: -webkit-gradient(linear, left top, right top, from(rgba(51,37,22,0.3)),to(rgba(51,37,22,0.9))); }

	.event-tips-base-rate-right {
		width: 116px;
		height: 23px;
		font-size: 1.1rem;
		line-height: 23px;
		text-align: center;
		-webkit-box-sizing: border-box;
		/*-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);*/
	}

		.event-tips-base-rate-list-block:nth-of-type(odd) .event-tips-base-rate-right { background: transparent; }
		.event-tips-base-rate-list-block:nth-of-type(even) .event-tips-base-rate-right { background: rgba(0,0,0,0.5); }
		
		.event-tips-base-rate-right:nth-of-type(1) {
			-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);
		}
		
/* tips reward new */
.event-tips-reward-n-list-title {
	height: 24px;
	font-size: 1.2rem;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
}

.event-tips-reward-n-list-title.list-extra {
	left:0;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
}

.event-tips-base-rate-list.list-extra {
	width: 310px;
}

.event-tips-base-rate-list-title.title-extra {
	height: 50px;
	width: 320px;
	background: rgba(0, 0, 0, 0.35);
}

.event-tips-base-rate-list-title-left.title-left-extra {
	width: 82px;
	height: 50px;
	padding-top: 12px;
	height: 37px; width: 70;
	background: rgba(0, 0, 0, 0.35);
	border-right: 1px solid rgba(0,0,0,1);
}

.event-tips-base-rate-list-title-right.title-right-1-extra {
	height: 50px;
	padding-top: 12px;
	height: 37px;
	width: 81px;
	background: rgba(0, 0, 0, 0.35);
	border-right: 1px solid rgba(0,0,0,1);
	/*-webkit-box-shadow: 2px 0 1px rgba(0,0,0,1);*/
}

.event-tips-base-rate-list-title-right.title-right-2-extra {
	height: 50px;
	width: 155px;
	background: rgba(0, 0, 0, 0.35);
}

.base-rate-horizontal-line {
	border-top: 1px solid rgba(0,0,0,1);
}

.base-rate-list {
	list-style-type: none;
	display: inline;
	position: relative;
}

.left-list {
	float: left;
	position: relative;
	left: 32px;
	height: 24px;
	border-right: 1px solid rgba(0,0,0,1);
	padding-right: 26px;
}

.right-list {
	float: right;
	position: relative;
	right: 15px;
}

.event-tips-base-rate-list-block.block-extra {
	height:40px;
}

.event-tips-base-rate-left.left-extra {
	width: 82px;
	height:40px;
	border-right: 1px solid rgba(0,0,0,1);
	/*-webkit-box-shadow: 2px 0 1px rgba(0,0,0,1);*/
}

.base-rate-list-icon {
	position: relative;
	top: -13px;
}

.event-tips-base-rate-right.right-1-extra {
	width: 83px;
	height:40px;
	line-height: 40px;
	border-right: 1px solid rgba(0,0,0,1);
	/*-webkit-box-shadow: 2px 0 1px rgba(0,0,0,1);*/
}

.event-tips-base-rate-right.right-2-extra {
	width: 72px;
	height:40px;
	line-height: 40px;
}

.event-tips-base-rate-right.rate-1-right {
	width: 82px;
	height:40px;
	line-height: 40px;
}

.event-tips-base-rate-right.rate-2-right {
	width: 75px;
	height:40px;
	line-height: 40px;
}

.event-tips-reward-n-list {
	margin: 0 0 9px;
	width: 320px;
	position: relative;
	left: -9px;
	-webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.6);
}

		.event-tips-reward-n-list li {
			width: 320px;
			height: 20px;
			font-size: 1.2rem;
			line-height: 20px;
			text-align: center;
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);
		}

			.event-tips-reward-n-list li:nth-of-type(odd) { background: -webkit-gradient(linear, left top, right top, from(rgba(70,52,32,0.3)),color-stop(0.2,rgba(70,52,32,0.9)),color-stop(0.8,rgba(70,52,32,0.9)),to(rgba(70,52,32,0.3))); }
			.event-tips-reward-n-list li:nth-of-type(even) { background: -webkit-gradient(linear, left top, right top, from(rgba(51,37,22,0.3)),color-stop(0.2,rgba(51,37,22,0.9)),color-stop(0.8,rgba(51,37,22,0.9)),to(rgba(51,37,22,0.3))); }
			
		.event-tips-reward-n-list li .bold {
			font-weight: bold;
		}
		
		.event-tips-reward-n-list li .white {
			color: #ffffff;
			font-weight: bold;
		}
		
/* event top Echelon RB
----------------------------------------------------------------*/
.battle-progress-block > ul li.first-half,
.battle-progress-block > ul li.second-half {
	margin:0 auto;
	width: 302px;
	height: 73px;
	display:-webkit-box;
	position: relative;
}

	.battle-progress-block > ul li.first-half:before,
	.battle-progress-block > ul li.second-half:before {
		width: 289px;
		height: 61px;
		content: "";
		display: block;
		position: absolute;
		top: 4px;
		right: 7px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 289px 61px;
	}
	
	.battle-progress-block > ul li.first-half:before { background-image: url("../i/event_common/event_top_half01.png"); }
	.battle-progress-block > ul li.second-half:before { background-image: url("../i/event_common/event_top_half02.png"); }
	
	.battle-progress-half-block {
		margin: 0!important;
		padding: 0!important;
		width: 151px;
		height: 73px;
		font-size: 1.6rem;
		color: #000000;
		line-height: 65px;
		font-weight: bold;
		text-align: center;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.battle-progress-half-block-count {
		margin: 0!important;
		padding: 0!important;
		width: 114px;
		height: 15px;
		font-size: 1.1rem;
		color: #ffcc00;
		line-height: 15px;
		font-weight: bold;
		text-align: center;
		position: absolute!important;
		top: 43px;
		left: 20px;
		-webkit-border-radius: 2px;
		background: #252525;
	}
	

/* event top RB schedule
----------------------------------------------------------------*/
.event-rb-schedule-list-bg {
	min-height: 440px;
	padding: 0 0 40px;
	position: relative;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/event_tip_bg.png");
	background-repeat: repeat;
	background-position: 0 0;
	-webkit-background-size: 5px 5px;
}

	.event-rb-schedule-list-title {
		height: 24px;
		font-size: 1.2rem;
		line-height: 24px;
		font-weight: bold;
		text-align: center;
	}

	.event-rb-schedule-list {
		width: 320px;
		position: relative;
	}

		.event-rb-schedule-list li {
			width: 320px;
			height: 20px;
			font-size: 1.2rem;
			line-height: 20px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
			-webkit-box-shadow: 2px 0 1px rgba(0,0,0,0.6);
		}

			.event-rb-schedule-list li:nth-of-type(odd) { background: -webkit-gradient(linear, left top, right top, from(rgba(70,52,32,0.3)),color-stop(0.2,rgba(70,52,32,0.9)),color-stop(0.8,rgba(70,52,32,0.9)),to(rgba(70,52,32,0.3))); }
			.event-rb-schedule-list li:nth-of-type(even) { background: -webkit-gradient(linear, left top, right top, from(rgba(51,37,22,0.3)),color-stop(0.2,rgba(51,37,22,0.9)),color-stop(0.8,rgba(51,37,22,0.9)),to(rgba(51,37,22,0.3))); }
			
			.event-rb-schedule-list li.current-list:nth-of-type(odd),
			.event-rb-schedule-list li.current-list:nth-of-type(even) {
				background: -webkit-gradient(linear, left top, right top, from(rgba(109,87,0,0.3)),color-stop(0.2,rgba(109,87,0,0.9)),color-stop(0.8,rgba(109,87,0,0.9)),to(rgba(109,87,0,0.3)));
			}
			
				.event-rb-schedule-list li.current-list:before {
					content: "";
					display: block;
					position: absolute;
					top: 3px;
					left: 8px;
					border-left: 9px solid rgba(255,204,0,1.0);
					border-top: 7px solid transparent;
					border-bottom: 7px solid transparent;
				}
			
		.event-rb-schedule-list li .bold {
			font-weight: bold;
		}
		
		.event-rb-schedule-list li .white {
			color: #ffffff;
			font-weight: bold;
		}
		
/* event top RB reward
----------------------------------------------------------------*/
.event-rb-reward-block {
	padding: 0 9px;
	width: 320px;
	height: 73px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	border-top: #575757 solid 1px;
	border-bottom: #3d3d3d solid 1px;
}

.event-rb-reward-block:nth-of-type(2) { border-top: none; }
.event-rb-reward-block:nth-last-of-type(1) { border-bottom: none; }

	.event-rb-reward-block-left {
		padding: 8px 0;
		width: 81px;
		font-size: 1.4rem;
		color: #ffffff;
		line-height: 18px;
		font-weight: bold;
	}
	
	.event-rb-reward-block-right {
		padding: 16px 0 0;
		width: 221px;
		display: -webkit-box;
		-webkit-box-pack: end;
	}
	
		.event-rb-reward-block-right li {
			width: 44px;
			position: relative;
		}
		
		.event-rb-reward-block-right-num {
			font-size: 1.1rem;
			color: #cecece;
			line-height: 14px;
			text-align: center;
		}
		
	.event-rb-reward2-block-title {
		width: 320px;
		height: 24px;
		display: -webkit-box;
	}
		
		.event-rb-reward2-block-left-title {
			width: 46px;
			height: 24px;
			-webkit-box-sizing: border-box;
			border-right: #3d3d3d solid 1px;
			border-bottom: #3d3d3d solid 1px;
		}
		
		.event-rb-reward2-block-center-title {
			width: 137px;
			height: 24px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 23px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			border-left: #575757 solid 1px;
			border-right: #3d3d3d solid 1px;
			border-bottom: #3d3d3d solid 1px;
			background: #2f2f2f;
		}
		
		.event-rb-reward2-block-right-title {
			width: 137px;
			height: 24px;
			font-size: 1.2rem;
			color: #7d7d7d;
			line-height: 23px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
			border-left: #575757 solid 1px;
			border-bottom: #3d3d3d solid 1px;
		}
		
	.event-rb-reward2-block {
		width: 320px;
		height: 70px;
		display: -webkit-box;
	}
	
		.event-rb-reward2-block-left {
			width: 46px;
			height: 70px;
			display: table;
			-webkit-box-sizing: border-box;
			border-top: #575757 solid 1px;
			border-right: #3d3d3d solid 1px;
			border-bottom: #3d3d3d solid 1px;
		}
		
			.event-rb-reward2-block-left p {
				padding: 4px;
				font-size: 1.2rem;
				line-height: 14px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
			
		.event-rb-reward2-block-left:nth-last-of-type(1) { border-bottom: none; }
			
		.event-rb-reward2-block-center {
			width: 137px;
			height: 70px;
			display: -webkit-box;
			-webkit-box-pack: center;
			-webkit-box-sizing: border-box;
			border-top: #575757 solid 1px;
			border-left: #575757 solid 1px;
			border-right: #3d3d3d solid 1px;
			border-bottom: #3d3d3d solid 1px;
			background: #2f2f2f;
		}
		
			.event-rb-reward2-block-center li {
				padding: 12px 0 0;
				width: 44px;
				height: 70px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
		
		.event-rb-reward2-block-center:nth-last-of-type(1) { border-bottom: none; }
		
		.event-rb-reward2-block-right {
			width: 137px;
			height: 70px;
			display: -webkit-box;
			-webkit-box-pack: center;
			-webkit-box-sizing: border-box;
			border-top: #575757 solid 1px;
			border-left: #575757 solid 1px;
			border-bottom: #3d3d3d solid 1px;
		}
			.event-rb-reward2-block-right li {
				padding: 12px 0 0;
				width: 44px;
				height: 70px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
		
		.event-rb-reward2-block-right:nth-last-of-type(1) { border-bottom: none; }
		
		.reward2-current-list {
			background: #1a2e42!important;
		}

.prize-hightlight-attention {
	padding: 8px 9px 22px;
	font-size: 1.2rem;
	color: #f44b00;
	line-height: 18px;
}

/* Prize highlight skill count
----------------------------------------------------------------*/
.status-skill-icon:before {
	top: 0px!important;
}

.status-skill-icon {
	width: 20px!important;
	height: 20px!important;
	position: absolute!important;
	top: 33px!important;
	right: 19px!important;
	background-image: url("../i/common/sprite_retina.png")!important;
	background-repeat: no-repeat!important;
	-webkit-background-size: 320px 388px!important;
	background-position: 30px 30px;
}

	.status-skill-icon.rb20 {
		right: 12px!important;
	}

	.status-skill-icon.hp { background-position: -44px -172px!important; }
	.status-skill-icon.at { background-position: -64px -172px!important; }
	.status-skill-icon.df { background-position: -84px -172px!important; }
	.status-skill-icon.iq { background-position: -104px -172px!important; }
	.status-skill-icon.sp { background-position: -124px -172px!important; }
	
.status-skill-count {
	padding: 0!important;
    height: 17px!important;
    width: 17px!important;
    font-size: 1.0rem!important;
    color: #ffffff!important;
    line-height: 17px!important;
    font-weight: bold!important;
    text-align: center!important;
    position: absolute!important;
    top: 33px!important;
    right: 4px!important;
    background-image: url("../i/common/sprite.png")!important;
	background-repeat: no-repeat!important;
	-webkit-background-size: 320px 1550px!important;
	z-index: 100!important;
}
	.status-skill-count.rb20 {
		right: 0px!important;
	}

.status-skill-count.status-skill-count0 {
	width: 33px!important;
	height: 33px!important;
	top: 25px!important;
    right: -4px!important;
    background-position: -136px -280px!important;
}

.status-skill-count1 { background-position: -296px -208px!important; }
.status-skill-count2 { background-position: -296px -232px!important; }
.status-skill-count3 { background-position: -296px -256px!important; }

.newcommer-event-reward-body {
	padding: 0 0 55px;
	width: 320px;
	top:40px;
	min-height:385px;
	position: relative;
	background-image: url("../i/event_common/bg_b_ptn.png");
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-background-size: 320px 156px;
}

.newcommer-event-reward-body-sd {
	background-image: url("../i/event_common/bg_blue_ptn.png");
}

.newcommer-event-reward-body-2 {
	background-image: url("../i/event_common/bg_b2.png");
}

.newcommer-event-reward-body-5 {
	background-image: url("../i/event_common/bg_b_ptn.png");
}

.newcommer-event-reward-body-9 {
	background-image: url("../i/event_common/bg_yellow.png");
}