/* Event pvp deck
----------------------------------------------------------------*/
.pvp-portal-header {
	width: 320px;
	height: 22px;
	position: relative;
}

.enemy-detail-body {
	background-image: url("../i/common/background_brown.png")!important;
}

.banunu-detail-body {
	background-image: url("../i/common/background_red.png")!important;
}

.enemy-detail-body02 {
	background-image: url("../i/event_common/bg_pvp/background_yel2.png")!important;
}

.enemy-detail-body03 {
	background-image: url("../i/event_common/bg_pvp/background_yel1.png")!important;
}

	.banunu-detail-body:before {
		width: 207px;
		height: 125px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("../i/common/pvpband_blingbling01.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 207px 125px;
	}
	
	.banunu-detail-body:after {
		width: 105px;
		height: 116px;
		content: "";
		display: block;
		position: absolute;
		bottom: 57px;
		right: 0;
		background-image: url("../i/common/pvpband_blingbling02-norainbow.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 105px 116px;
	}

	.pvp-round-num {
		width: 302px;
		height: 22px;
		font-size: 1.3rem;
		line-height: 22px;
		font-weight: bold;
		position: absolute;
		top: 0;
		left: 9px;
		z-index: 0;
	}

		.pvp-round-num span { color: #ffc000; }
		
	.pvp-pager {
		width: 302px;
		height: 18px;
		text-align: center;
		position: absolute;
		bottom: 1px;
		left: 0;
		-webkit-box-sizing: border-box;
		z-index: 1;
	}

		.pvp-pager li {
			margin: 0 5px;
			width: 6px;
			height: 6px;
			display: inline-block;
		}
		
		.pvp-pager li.current-user { background: #ffd800; }
		.pvp-pager li.other-user { background: #474747; }
		
		.banunu-detail-body .pvp-pager li.other-user { background: #000000!important; }
	
.pvp-deck-area {
	margin: 0 7px;
	width: 306px;
	height: 323px;
	clear: both;
	position: relative;
	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;
}

	.pvp-deck-boss-area {
		width: 302px;
		height: 252px;
		position: absolute;
		top: 0;
		left: 0;
		background-image: url("../i/event_common/bossdeck_bg.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 302px 252px;
	}

	.pvp-deck-boss-img01,
	.pvp-deck-boss-img02,
	.pvp-deck-boss-img03,
	.pvp-deck-boss-img04 {
		width: 226px;
		height: 153px;
		position: absolute;
		top: 75px;
		left: 40px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 226px 153px;
	}
	
	.pvp-deck-boss-img01 { background-image: url("../i/event_common/pvpband_boss01.png"); }
	.pvp-deck-boss-img02 { background-image: url("../i/event_common/pvpband_boss02.png"); }
	.pvp-deck-boss-img03 { background-image: url("../i/event_common/pvpband_boss03.png"); }
	.pvp-deck-boss-img04 { background-image: url("../i/event_common/pvpband_boss04.png"); }
	
	.pvp-deck-boss-img-cloud {
		width: 320px;
		height: 122px;
		position: absolute;
		top: 180px;
		left: -9px;
		background-image: url("../i/event_common/pvpband_boss03_cloud.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 122px;
		z-index: 2;
	}

.banunu-detail-body .pvp-deck-area {
	border: rgba(255,255,255,0.1) solid 2px!important;
	background: rgba(0,0,0,0.3)!important;
}

	.banunu-detail-body .pvp-deck-area:before {
		width: 119px;
		height: 39px;
		content: "";
		display: block;
		position: absolute;
		bottom: -41px;
		left: -3px;
		/*
		background-image: url("../i/common/pvpband_blingbling03.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 119px 39px;
		*/
	}

.pvp-header-area {
	margin: 0 9px;
	width: 284px;
	height: 47px;
	display: -webkit-box;
	position: relative;
	-webkit-box-sizing: border-box;
	border-bottom: rgba(0,0,0,0.3) solid 1px;
}

	.pvp-header-user {
		width: 63px;
		height: 44px;
		position: relative;
		-webkit-box-sizing: border-box;
	}

		.pvp-user-img-shadow {
			width: 33px;
			height: 33px;
			position: absolute;
			top: 10px;
			left: 20px;
			z-index: 53;
		}

			.pvp-user-img-shadow:before {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				top: -4px;
				right: -2px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -304px -48px;
				-webkit-background-size: 320px 1550px;
			}

			.pvp-user-img-shadow:after {
				width: 2px;
				height: 2px;
				content: "";
				display: block;
				position: absolute;
				bottom: 2px;
				left: 0;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -312px -48px;
				-webkit-background-size: 320px 1550px;
			}

		.pvp-user-img {
			width: 33px;
			height: 33px;
			position: relative;
			top: -2px;
			left: 2px;
			background: #113757;
			z-index: 53;
		}

				.pvp-user-img a {
					width: 33px;
					height: 33px;
					display: block;
					position: absolute;
					top: -2px;
					left: -2px;
					-webkit-box-sizing: border-box;
					border: #2b5c85 solid 2px;
				}
				
	.pvp-header-name-area {
		padding: 5px 0 0;
		width: 110px;
		height: 44px;
		position: relative;
		-webkit-box-sizing: border-box;
		-webkit-box-flex: 1;
	}

		.pvp-header-name-area .user-lv {
			font-size: 1.0rem;
			color: #ffffff;
			line-height: 18px;
		}

			.pvp-header-name-area .user-lv span {
				color: #53a0e0;
				font-weight: bold;
			}

		.pvp-header-name-area .user-name {
			height: 16px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 16px;
			font-weight: bold;
		}
		
	.pvp-header-point-num {
		width: 105px;
		height: 22px;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 18px;
		text-align: center;
		position: absolute;
		top: 2px;
		left: 179px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/event_common/pts_btn.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 105px 22px;
	}
	
	.pvp-header-point-num.mbgaui-widget-anchors { opacity: 1.0; }
	.pvp-header-point-num.mbgaui-active { opacity: 0.5; }
	
		.pvp-header-point-num span { font-weight: bold; }
		
		.pvp-header-bonus-num {
			padding: 0 0 0 10px;
			width: 72px;
			height: 29px;
			font-size: 1.2rem;
			color: #ffffff;
			line-height: 24px;
			font-weight: bold;
			text-align: center;
			position: absolute;
			top: -24px;
			left: 197px;
			-webkit-box-sizing: border-box;
			background-image: url("../i/event_common/pts_textballoon.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 72px 29px;
			z-index: 3;
		}
		
		.bonus-num-fix1 { left: 156px!important; }
		.bonus-num-fix2 { left: 228px!important; }
		
		.pvp-header-bonus-notime {
			width: 26px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 152px;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -228px -176px;
			-webkit-background-size: 320px 388px;
			z-index: 3;
		}
		
		.pvp-header-bonus-time-num {
			width: 50px;
			height: 26px;
			font-size: 1.0rem;
			color: #00e9ff;
			line-height: 26px;
			position: absolute;
			top: 0;
			left: 124px;
			-webkit-box-sizing: border-box;
			z-index: 3;
		}
		
		.pvp-header-bonus-time {
			width: 26px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 152px;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -200px -176px;
			-webkit-background-size: 320px 388px;
			z-index: 3;
		}
		
		.pvp-header-bonus-time2 {
			width: 26px;
			height: 26px;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -172px -176px;
			-webkit-background-size: 320px 388px;
			z-index: 3;
		}
		
		.time {
			-webkit-animation-name: time;
			-webkit-animation-duration: 1.5s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
			-webkit-animation-delay: 0s;
		}

		@-webkit-keyframes time {
			from {
				opacity: 0;
			}
			50%{
				opacity: 1;
			}
			99.9%,to {
				opacity: 0;
			}
		}
		
		.time-num {
			-webkit-animation-name: time-num;
			-webkit-animation-duration: 1.5s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
			-webkit-animation-delay: 0s;
		}

		@-webkit-keyframes time-num {
			from {
				opacity: 0.5;
				text-shadow: 0 0 0 #00e9ff;
			}
			50%{
				opacity: 1;
				text-shadow: 0 0 2px #00e9ff;
			}
			99.9%,to {
				opacity: 0.5;
				text-shadow: 0 0 0 #00e9ff;
			}
		}
		
		/*
			.pvp-header-bonus-num:after {
				width: 9px;
				height: 9px;
				content: "";
				display: block;
				position: absolute;
				top: 5px;
				right: 5px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -208px -176px;
				-webkit-background-size: 320px 1550px;
			}
		*/
			
			.pvp-header-bonus-num-left {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 3px;
				left: 3px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -272px -208px;
				-webkit-background-size: 320px 1550px;
			}
			
			.pvp-header-bonus-num-win3 {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 3px;
				left: 3px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_lang.png");
				background-repeat: no-repeat;
				background-position: -155px -88px;
				-webkit-background-size: 320px 1550px;
			}
			
				.pvp-header-bonus-num-rank-mark {
					width: 18px;
					height: 18px;
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 18px 18px;
				}
				
				.pvp-header-bonus-num-rank-mark1 { background-image: url("../i/echelon/echelon_13ss.png"); }
				.pvp-header-bonus-num-rank-mark2 { background-image: url("../i/echelon/echelon_12ss.png"); }
				.pvp-header-bonus-num-rank-mark3 { background-image: url("../i/echelon/echelon_11ss.png"); }
				.pvp-header-bonus-num-rank-mark4 { background-image: url("../i/echelon/echelon_10ss.png"); }
				.pvp-header-bonus-num-rank-mark5 { background-image: url("../i/echelon/echelon_9ss.png"); }
				.pvp-header-bonus-num-rank-mark6 { background-image: url("../i/echelon/echelon_8ss.png"); }
				.pvp-header-bonus-num-rank-mark7 { background-image: url("../i/echelon/echelon_7ss.png"); }
				.pvp-header-bonus-num-rank-mark8 { background-image: url("../i/echelon/echelon_6ss.png"); }
				.pvp-header-bonus-num-rank-mark9 { background-image: url("../i/echelon/echelon_5ss.png"); }
				.pvp-header-bonus-num-rank-mark10 { background-image: url("../i/echelon/echelon_4ss.png"); }
				.pvp-header-bonus-num-rank-mark11 { background-image: url("../i/echelon/echelon_3ss.png"); }
				.pvp-header-bonus-num-rank-mark12 { background-image: url("../i/echelon/echelon_2ss.png"); }
				.pvp-header-bonus-num-rank-mark13 { background-image: url("../i/echelon/echelon_1ss.png"); }
				.pvp-header-bonus-num-rank-mark0 { background-image: url("../i/echelon/echelon_qss.png"); }
		
		.bonus {
			-webkit-animation-name: bonus;
			-webkit-animation-duration: 0.9s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
			-webkit-animation-delay: 0s;
		}

		@-webkit-keyframes bonus {
			from {
				-webkit-transform:translate(0px,0px);
			}
			45%{
				-webkit-transform:translate(0px,5px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}
		
		.bonus2 {
			-webkit-animation-name: bonus2;
			-webkit-animation-duration: 0.9s;
			-webkit-animation-timing-function: ease-in;
			-webkit-animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			-webkit-animation-play-state: running;
			-webkit-animation-delay: 0.2s;
		}

		@-webkit-keyframes bonus2 {
			from {
				-webkit-transform:translate(0px,0px);
			}
			45%{
				-webkit-transform:translate(0px,5px);
			}
			99.9%,to {
				-webkit-transform:translate(0px,0px);
			}
		}
		
.pvp-deck-body {
	margin: 0 9px;
	padding: 10px 0 0 15px;
	width: 284px;
	height: 255px;
	position: relative;
	-webkit-box-sizing: border-box;
	border-top: rgba(204,204,204,0.1) solid 1px;
}

/*
	.pvp-deck-block {
		margin: 0 6px 1px 0;
		padding: 3px 0 0 3px;
		width: 82px;
		height: 82px;
		float: left;
		position: relative;
		border: rgba(0,0,0,0) solid 1px;
		-webkit-box-sizing: border-box;
	}
	
	.pvp-deck-block.select-block {
		padding: 3px 0 0 3px;
		-webkit-border-radius: 5px;
		border: #e2e2e2 solid 1px;
		background: #bcbcbc;
	}
*/

	.pvp-deck-block {
		margin: 0 6px 1px 0;
		padding: 3px 0 0 3px;
		width: 82px;
		height: 82px;
		float: left;
		position: relative;
		border: rgba(0,0,0,0) solid 1px;
		-webkit-box-sizing: border-box;
		opacity: 0.3;
	}
	
	.pvp-deck-block.select-block {
		opacity: 1.0;
	}
	
	.pvp-pager-left-arr,
	.pvp-pager-right-arr {
		width: 34px;
		height: 41px;
		position: absolute;
		top: 160px;
		-webkit-border-radius: 3px;
		background: rgba(0,0,0,0.5);
		z-index: 101;
	}

	.pvp-pager-left-arr { left: -7px; }
	.pvp-pager-right-arr { right: -7px; }

		.pvp-pager-left-arr a.mbgaui-widget-anchors,
		.pvp-pager-right-arr a.mbgaui-widget-anchors,
		.pvp-pager-left-arr a.mbgaui-active,
		.pvp-pager-right-arr a.mbgaui-active {
			width: 34px;
			height: 41px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.pvp-pager-left-arr a.mbgaui-widget-anchors:before,
		.pvp-pager-right-arr a.mbgaui-widget-anchors:before,
		.pvp-pager-left-arr a.mbgaui-active:before,
		.pvp-pager-right-arr a.mbgaui-active:before {
			width: 22px;
			height: 34px;
			content: "";
			display: block;
			position: absolute;
			top: 4px;
			left: 6px;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.pvp-pager-left-arr a.mbgaui-widget-anchors:before { background-position: 0 0; }
		.pvp-pager-right-arr a.mbgaui-widget-anchors:before { background-position: -24px 0; }
		.pvp-pager-left-arr a.mbgaui-active:before { background-position: -48px 0; }
		.pvp-pager-right-arr a.mbgaui-active:before { background-position: -72px 0; }
		
		
	.pvp-pager-right-arr-b {
		width: 44px;
		height: 63px;
		position: absolute;
		top: 149px;
		right: -7px;
		z-index: 101;
	}

		.pvp-pager-right-arr-b a.mbgaui-widget-anchors,
		.pvp-pager-right-arr-b a.mbgaui-active {
			width: 44px;
			height: 63px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.pvp-pager-right-arr-b a.mbgaui-widget-anchors:before,
		.pvp-pager-right-arr-b a.mbgaui-active:before {
			width: 44px;
			height: 63px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: 0 -384px;
			-webkit-background-size: 320px 1550px;
		}

		.pvp-pager-right-arr-b a.mbgaui-widget-anchors:before { opacity: 1.0; }
		.pvp-pager-right-arr-b a.mbgaui-active:before { opacity: 0.6; }
		
.banunu-arr {
	-webkit-animation-name: banunu-arr;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes banunu-arr {
	from {
		-webkit-transform:translate(0px,0px)
	}
	28%{
		-webkit-transform:translate(8px,0px);
	}
	58%{
		-webkit-transform:translate(0px,0px);
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px);
	}
}
		
/* Event pvp mission cap
----------------------------------------------------------------*/
.pvp-cap-area-box {
	width: 320px;
	display: -webkit-box;
	position: absolute;
	top: 0;
	left: 0;
}

	.pvp-cap-area-img,
	.pvp-cap-area-img1,
	.pvp-cap-area-img2,
	.pvp-cap-area-img3 {
		padding: 4px;
		width: 125px;
		height: 42px;
		display: -webkit-box;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.pvp-cap-area-img { background: rgba(0,0,0,0.3); }
	.pvp-cap-area-img1 { background: rgba(171,109,0,0.2); }
	.pvp-cap-area-img2 { background: rgba(0,162,255,0.2); }
	.pvp-cap-area-img3 { background: rgba(159,0,0,0.3); }
	
		.pvp-cap-area-img:before,
		.pvp-cap-area-img1:before,
		.pvp-cap-area-img2:before,
		.pvp-cap-area-img3:before {
			width: 6px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			top: 16px;
			right: 4px;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -208px -88px;
			-webkit-background-size: 320px 1550px;
		}

	.pvp-cap-area {
		padding: 0 12px 0 0;
		height: 43px;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}
	
	.pvp-cap-area2 {
		padding: 0;
		width: 185px;
		height: 43px;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

		.pvp-cap-area p {
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 14px;
			text-align: center;
		}
		
		.pvp-cap-area2 p {
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 14px;
			text-align: right;
		}
		
			.pvp-cap-area p span,
			.pvp-cap-area2 p span {
				font-weight: bold;
			}
			
			.pvp-cap-area p span.red,
			.pvp-cap-area2 p span.red {
				color: #ff0000;
			}

/* pvp point dialog inner
----------------------------------------------------------------*/
.pvp-point-dialog-block {
	margin: 0 auto;
	padding: 9px 0;
	width: 290px;
	height: 155px;
	-webkit-box-sizing: border-box;
}
	
	.pvp-point-dialog-block li {
		width: 290px;
		height: 34px;
		display: -webkit-box;
		position: relative;
		-webkit-box-sizing: border-box;
		border-top: #e3e3e3 solid 1px;
		border-bottom: #a69e93 solid 1px;
	}
	
	.pvp-point-total-block {
		width: 290px;
		height: 39px;
		display: block;
		position: absolute;
		top: 220px;
		left: 7px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border: #9c9387 solid 2px;
		background: #80715d;
	}
	
	.pvp-point-dialog-block li:first-child { border-top: none; }
	.pvp-point-dialog-block li:nth-last-child(1) { border-bottom: none; }
	
		.pvp-point-dialog-block-left {
			padding: 0 0 0 33px;
			width: 195px;
			height: 32px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 32px;
			-webkit-box-sizing: border-box;
		}
		
		.pvp-point-dialog-block-left-rate {
			padding: 0 0 0 33px;
			width: 195px;
			height: 32px;
			font-size: 1.3rem;
			color: #008fb3;
			line-height: 32px;
			-webkit-box-sizing: border-box;
		}
		
		.pvp-point-dialog-block-left-rate2 {
			padding: 0 0 0 33px;
			width: 195px;
			height: 32px;
			font-size: 1.3rem;
			color: #c82a00;
			line-height: 32px;
			-webkit-box-sizing: border-box;
		}
		
		.pvp-point-dialog-block-left-rate3 {
			padding: 0 0 0 33px;
			width: 195px;
			height: 32px;
			font-size: 1.3rem;
			color: #e26500;
			line-height: 32px;
			-webkit-box-sizing: border-box;
		}
			
			.pvp-point-dialog-block-num {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 8px;
				left: 8px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -28px -244px;
				-webkit-background-size: 320px 388px;
			}

			.pvp-point-dialog-block-num-for-bonus-pts {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 8px;
				left: 8px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -200px -258px;
				-webkit-background-size: 320px 388px;
			}
			
			.pvp-point-dialog-block-num-gvg {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 8px;
				left: 8px;
				-webkit-box-sizing: border-box;
       			background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -244px -284px;
		        -webkit-background-size: 320px 388px;
			}

			.gvg_team_portal_point {
				width: 14px;
				height: 14px;
				position: absolute;
				top: 8px;
				left: 8px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/pt.png");
				background-repeat: no-repeat;
			}
			
			.pvp-point-dialog-block-num-win3 {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 8px;
				left: 8px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_lang.png");
				background-repeat: no-repeat;
				background-position: -155px -88px;
				-webkit-background-size: 320px 1550px;
			}
			
			.pvp-point-dialog-block-num-time {
				width: 26px;
				height: 26px;
				position: absolute;
				top: 4px;
				left: 4px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -172px -176px;
				-webkit-background-size: 320px 388px;
			}
			
			.pvp-point-dialog-block-num-nux {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 7px;
				left: 9px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -212px -344px;
				-webkit-background-size: 320px 388px;
			}
			
			.pvp-point-dialog-block-num-salvo {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 7px;
				left: 9px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -264px -284px;
				-webkit-background-size: 320px 388px;
			}
			
			.pvp-header-bonus-num-rank {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 8px;
				left: 8px;
				-webkit-box-sizing: border-box;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -272px -208px;
				-webkit-background-size: 320px 1550px;
			}
			
				.pvp-point-dialog-block-rank-mark {
					width: 18px;
					height: 18px;
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 18px 18px;
				}
				
				.pvp-point-dialog-block-rank-mark1 { background-image: url("../i/echelon/echelon_13ss.png"); }
				.pvp-point-dialog-block-rank-mark2 { background-image: url("../i/echelon/echelon_12ss.png"); }
				.pvp-point-dialog-block-rank-mark3 { background-image: url("../i/echelon/echelon_11ss.png"); }
				.pvp-point-dialog-block-rank-mark4 { background-image: url("../i/echelon/echelon_10ss.png"); }
				.pvp-point-dialog-block-rank-mark5 { background-image: url("../i/echelon/echelon_9ss.png"); }
				.pvp-point-dialog-block-rank-mark6 { background-image: url("../i/echelon/echelon_8ss.png"); }
				.pvp-point-dialog-block-rank-mark7 { background-image: url("../i/echelon/echelon_7ss.png"); }
				.pvp-point-dialog-block-rank-mark8 { background-image: url("../i/echelon/echelon_6ss.png"); }
				.pvp-point-dialog-block-rank-mark9 { background-image: url("../i/echelon/echelon_5ss.png"); }
				.pvp-point-dialog-block-rank-mark10 { background-image: url("../i/echelon/echelon_4ss.png"); }
				.pvp-point-dialog-block-rank-mark11 { background-image: url("../i/echelon/echelon_3ss.png"); }
				.pvp-point-dialog-block-rank-mark12 { background-image: url("../i/echelon/echelon_2ss.png"); }
				.pvp-point-dialog-block-rank-mark13 { background-image: url("../i/echelon/echelon_1ss.png"); }
				.pvp-point-dialog-block-rank-mark0 { background-image: url("../i/echelon/echelon_qss.png"); }
		
		.pvp-point-dialog-block-right {
			width: 55px;
			height: 32px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 32px;
			font-weight: bold;
			text-align: right;
		}
		
		.pvp-point-dialog-block-right-pts {
			margin: 0 0 0 5px;
			width: 30px;
			height: 32px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 32px;
		}
		
		.pvp-point-dialog-block-right-rate {
			width: 55px;
			height: 32px;
			font-size: 1.3rem;
			color: #008fb3;
			line-height: 32px;
			font-weight: bold;
			text-align: right;
		}
		
		.pvp-point-dialog-block-right-rate2 {
			width: 55px;
			height: 32px;
			font-size: 1.3rem;
			color: #c82a00;
			line-height: 32px;
			font-weight: bold;
			text-align: right;
		}
		
		.pvp-point-dialog-block-right-rate3 {
			width: 55px;
			height: 32px;
			font-size: 1.3rem;
			color: #e26500;
			line-height: 32px;
			font-weight: bold;
			text-align: right;
		}
		
		.pvp-point-dialog-block-right-pts-rate {
			margin: 0 0 0 5px;
			width: 30px;
			height: 32px;
			font-size: 1.3rem;
			color: #008fb3;
			line-height: 32px;
		}
		
		.pvp-point-dialog-block-right-pts-rate2 {
			margin: 0 0 0 5px;
			width: 30px;
			height: 32px;
			font-size: 1.3rem;
			color: #c82a00;
			line-height: 32px;
		}
		
		.pvp-point-dialog-block-right-pts-rate3 {
			margin: 0 0 0 5px;
			width: 30px;
			height: 32px;
			font-size: 1.3rem;
			color: #e26500;
			line-height: 32px;
		}
		
		.pvp-point-total-block-upper {
			padding: 0 9px 0 25px;
			width: 73px;
			height: 35px;
			font-size: 1.5rem;
			color: #ffd800;
			line-height: 35px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.pvp-point-total-block-upper:before {
				width: 18px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 9px;
				left: 6px;
				background-image: url("../i/common/sprite_retina.png");
				background-repeat: no-repeat;
				background-position: -144px -172px;
				-webkit-background-size: 320px 388px;
			}
		
		.pvp-point-total-block-lower {
			padding: 0 9px 0 25px;
			width: 213px;
			height: 35px;
			font-size: 1.8rem;
			color: #ffd800;
			line-height: 35px;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.pvp-point-total-block-lower span {
				margin: 0 5px 0 0;
				font-weight: bold;
			}

/* pvp rank mark
----------------------------------------------------------------*/
.pvp-rank-mark-block {
	padding: 5px 0 0;
	width: 160px;
	height: 52px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
}

	.pvp-rank-mark-block-left {
		margin: 0 5px 0 0;
		padding: 2px;
		width: 33px;
		height: 33px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		background-position: -280px -168px;
		-webkit-background-size: 320px 1550px;
	}
	
		.pvp-rank-mark {
			width: 29px;
			height: 29px;
			background-position: 0 0;
			background-repeat: no-repeat;
			-webkit-background-size: 29px 29px;
		}
		
		.pvp-rank-mark1 { background-image: url("../i/echelon/echelon_13s.png"); }
		.pvp-rank-mark2 { background-image: url("../i/echelon/echelon_12s.png"); }
		.pvp-rank-mark3 { background-image: url("../i/echelon/echelon_11s.png"); }
		.pvp-rank-mark4 { background-image: url("../i/echelon/echelon_10s.png"); }
		.pvp-rank-mark5 { background-image: url("../i/echelon/echelon_9s.png"); }
		.pvp-rank-mark6 { background-image: url("../i/echelon/echelon_8s.png"); }
		.pvp-rank-mark7 { background-image: url("../i/echelon/echelon_7s.png"); }
		.pvp-rank-mark8 { background-image: url("../i/echelon/echelon_6s.png"); }
		.pvp-rank-mark9 { background-image: url("../i/echelon/echelon_5s.png"); }
		.pvp-rank-mark10 { background-image: url("../i/echelon/echelon_4s.png"); }
		.pvp-rank-mark11 { background-image: url("../i/echelon/echelon_3s.png"); }
		.pvp-rank-mark12 { background-image: url("../i/echelon/echelon_2s.png"); }
		.pvp-rank-mark13 { background-image: url("../i/echelon/echelon_1s.png"); }
		.pvp-rank-mark0 { background-image: url("../i/echelon/echelon_qs.png"); }
	
	.pvp-rank-mark-block-right {
		width: 149px;
		height: 32px;
	}
	
		.pvp-rank-mark-block-right li {
			width: 146px;
			font-size: 1.0rem;
			line-height: 11px;
			font-family: NormalFont!important;
		}
		
		.pvp-rank-mark-block-right li.rank-name {
			margin: 0 0 4px;
			font-size: 1.1rem;
			color: #ffffff;
			line-height: 16px;
			font-weight: bold;
		}
		
	.pvp-rank-mark-block-right2 {
		height: 32px;
	}
	
		.pvp-rank-mark-block-right2 p {
			font-size: 1.0rem;
			line-height: 16px;
		}
		
		.pvp-rank-mark-block-right2 p.white { color: #ffffff; }
		
		.pvp-rank-mark-block-right2 p.single {
			color: #ffffff;
			line-height: 32px!important;
		}
	
		.pvp-rank-mark-block-right2 p span { font-weight: bold; }


/* pvp group promotion
----------------------------------------------------------------*/
.pvp-promotion-block {
	width: 110px;
	height: 18px;
	font-size: 0.9rem;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.3);
}

	.pvp-promotion-block01 {
		color: #b56f00;
		background: #eccd00;
	}
	
	.pvp-promotion-block01-2 {
		color: #de5900;
		background: #eccd00;
	}
	
	.pvp-promotion-block01-3 {
		color: #ff4200;
		background: #eccd00;
	}
	
	.pvp-promotion-block02 {
		color: #d0d0d0;
		background: #767676;
	}
	
	.pvp-promotion-block03 {
		color: #ec2c00;
		background: #512929;
	}
	
	.pvp-promotion-fix01 {
		right: 9px;
		bottom: 18px;
	}
	
	.pvp-promotion-fix02 {
		right: 0;
		bottom: 18px;
	}
	
	.pvp-promotion-fix03 {
		right: 100px;
		bottom: 18px;
	}
	
	.pvp-promotion-pending {
		opacity: 0.7;
	}
	
	.ib { display: inline-block; }
	
	.pvp-promotion-reward {
		width: 37px;
		height: 51px;
		font-size: 1.0rem;
		color: #9e9e9e;
		line-height: 12px;
		font-weight: bold;
		text-align: center;
		-webkit-box-sizing: border-box;
		position: absolute;
		bottom: 1px;
		right: 15px;
	}
	
	.pvp-promotion-up,
	.pvp-promotion-down,
	.pvp-promotion-draw {
		padding: 0 0 0 16px;
		width: 62px;
		height: 20px;
		font-size: 1.1rem;
		line-height: 20px;
		position: absolute;
		top: -2px;
		right: -64px;
		-webkit-box-sizing: border-box;
	}

	.pvp-promotion-up { color: #b5f2ff; }
	.pvp-promotion-down { color: #ffb4b4; }
	.pvp-promotion-draw { color: #7d7d7d; }

		.pvp-promotion-up:before,
		.pvp-promotion-down:before,
		.pvp-promotion-draw:before {
			width: 11px;
			height: 11px;
			content: "";
			display: block;
			position: absolute;
			top: 5px;
			left: 3px;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 1550px;
		}

		.pvp-promotion-up:before { background-position: -96px -376px; }
		.pvp-promotion-down:before { background-position: -96px -392px; }
		.pvp-promotion-draw:before { background-position: -96px -408px; }
		
	.pvp-promotion-active,
	.pvp-promotion-noactive {
		padding: 25px 0 0;
		width: 47px;
		height: 45px;
		font-size: 0.9rem;
		color: #848383;
		line-height: 12px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 54px;
		left: 5px;
	}
	
		.pvp-promotion-active:before,
		.pvp-promotion-noactive:before {
			width: 19px;
			height: 29px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			-webkit-background-size: 320px 388px;
		}
		
		.pvp-promotion-active:before { background-position: -96px -236px; }
		.pvp-promotion-noactive:before { background-position: -136px -236px; }
		
		.pvp-promotion-active-f {
			width: 19px;
			height: 29px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -116px -236px; 
			-webkit-background-size: 320px 388px;
		}

	
/* pvp promotion dialog
----------------------------------------------------------------*/
.pvp-promotion-title {
	margin: 8px auto;
	width: 284px;
	height: 24px;
	font-size: 1.4rem;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	-webkit-box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 1550px;
}

.pvp-promotion-title1 {
	color: #e86900;
	background-image: url("../i/event_common/obi_yell.png");
}

.pvp-promotion-title2 {
	color: #696969;
	background-image: url("../i/event_common/obi_gray.png");
}

.pvp-promotion-title3 {
	color: #3c0000;
	background-image: url("../i/event_common/obi_red.png");
}

.pvp-promotion-img {
	margin: 0 auto;
	padding: 2px;
	width: 102px;
	height: 102px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/thumb_boss_frame.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 102px 102px;
}

	.pvp-promotion-rank {
		width: 98px;
		height: 98px;
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 98px 98px;
	}
	
	.pvp-promotion-rank0 { background-image: url("../i/echelon/echelon_q.png"); }
	.pvp-promotion-rank1 { background-image: url("../i/echelon/echelon_13.png"); }
	.pvp-promotion-rank2 { background-image: url("../i/echelon/echelon_12.png"); }
	.pvp-promotion-rank3 { background-image: url("../i/echelon/echelon_11.png"); }
	.pvp-promotion-rank4 { background-image: url("../i/echelon/echelon_10.png"); }
	.pvp-promotion-rank5 { background-image: url("../i/echelon/echelon_9.png"); }
	.pvp-promotion-rank6 { background-image: url("../i/echelon/echelon_8.png"); }
	.pvp-promotion-rank7 { background-image: url("../i/echelon/echelon_7.png"); }
	.pvp-promotion-rank8 { background-image: url("../i/echelon/echelon_6.png"); }
	.pvp-promotion-rank9 { background-image: url("../i/echelon/echelon_5.png"); }
	.pvp-promotion-rank10 { background-image: url("../i/echelon/echelon_4.png"); }
	.pvp-promotion-rank11 { background-image: url("../i/echelon/echelon_3.png"); }
	.pvp-promotion-rank12 { background-image: url("../i/echelon/echelon_2.png"); }
	.pvp-promotion-rank13 { background-image: url("../i/echelon/echelon_1.png"); }

.pvp-promotion-img-cap {
	margin: 0 auto 8px;
	font-size: 1.1rem;
	color: #7e7e7e;
	line-height: 18px;
	text-align: center;
}

.pvp-promotion-img-num {
	margin: 0 auto;
	width: 285px;
	height: 50px;
	display: table;
	-webkit-box-sizing: border-box;
	border: #b6b2ad solid 2px;
	background: #a69e93;
}

	.pvp-promotion-img-num p {
		font-size: 1.5rem;
		color: #3e2a24;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
	.pvp-promotion-img-num p .bold { font-weight: bold; }
	.pvp-promotion-img-num p .red { color: #af2d00; }

/* pvp promotion list
----------------------------------------------------------------*/
.pvp-promotion-rank-list {
	padding: 0 9px;
	width: 320px;
	height: 68px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: inset 0 -1px 1px #3d3d3d;
	border-bottom: #575757 solid 1px;
}

.pvp-promotion-rank-list-current { background: #223247; }

	.pvp-promotion-rank-list-left {
		padding: 7px 0 0;
		width: 61px;
		height: 66px;
		-webkit-box-sizing: border-box;
	}
	
	.pvp-promotion-rank-list-center {
		padding: 7px 0 0;
		width: 180px;
		height: 66px;
		-webkit-box-sizing: border-box;
	}
	
		.pvp-promotion-rank-list-center dl {
			padding: 0;
		}
		
			.pvp-promotion-rank-list-center dt {
				font-size: 1.3rem;
				color: #ffffff;
				line-height: 17px;
				font-weight: bold;
			}
			
			.pvp-promotion-rank-list-center dd {
				font-size: 1.1rem;
				line-height: 17px;
			}
			
			.pvp-promotion-rank-list-center dd.gray {
				color: #8f8f8f;
			}
	
	.pvp-promotion-rank-list-right {
		padding: 10px 0 0;
		width: 61px;
		height: 66px;
		font-size: 1.1rem;
		line-height: 16px;
		font-weight: bold;
		text-align: center;
		text-decoration: underline;
		-webkit-box-sizing: border-box;
		position: relative;
	}
	
		.pvp-promotion-rank-list-right.mbgaui-widget-anchors { color: #ffd200; }
		.pvp-promotion-rank-list-right.mbgaui-active { color: #241300; }

.pvp-promotion-rank-list-img {
	margin: 0 auto;
	padding: 1px;
	width: 51px;
	height: 51px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/thumb_boss_frame.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 51px 51px;
}

	.pvp-promotion-rank-list-block {
		width: 49px;
		height: 49px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 49px 49px;
	}
	
	.pvp-promotion-rank-list-block0 { background-image: url("../i/echelon/echelon_q.png"); }
	.pvp-promotion-rank-list-block1 { background-image: url("../i/echelon/echelon_13.png"); }
	.pvp-promotion-rank-list-block2 { background-image: url("../i/echelon/echelon_12.png"); }
	.pvp-promotion-rank-list-block3 { background-image: url("../i/echelon/echelon_11.png"); }
	.pvp-promotion-rank-list-block4 { background-image: url("../i/echelon/echelon_10.png"); }
	.pvp-promotion-rank-list-block5 { background-image: url("../i/echelon/echelon_9.png"); }
	.pvp-promotion-rank-list-block6 { background-image: url("../i/echelon/echelon_8.png"); }
	.pvp-promotion-rank-list-block7 { background-image: url("../i/echelon/echelon_7.png"); }
	.pvp-promotion-rank-list-block8 { background-image: url("../i/echelon/echelon_6.png"); }
	.pvp-promotion-rank-list-block9 { background-image: url("../i/echelon/echelon_5.png"); }
	.pvp-promotion-rank-list-block10 { background-image: url("../i/echelon/echelon_4.png"); }
	.pvp-promotion-rank-list-block11 { background-image: url("../i/echelon/echelon_3.png"); }
	.pvp-promotion-rank-list-block12 { background-image: url("../i/echelon/echelon_2.png"); }
	.pvp-promotion-rank-list-block13 { background-image: url("../i/echelon/echelon_1.png"); }
	
/* Banunu
----------------------------------------------------------------*/
.banunu-deck1 {
	width: 114px;
	height: 126px;
	position: absolute;
	top: 97px;
	right: -100px;
	background-image: url("../i/event/5008/banunu1.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 114px 126px;
	z-index: 100;
}

.banunu-deck1 {
	-webkit-animation-name: banunu-deck1;
	-webkit-animation-duration: 3.0s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes banunu-deck1 {
	from {
		-webkit-transform:translate(0px,0px);
	}
	18% {
		-webkit-transform:translate(0px,0px);
	}
	21% {
		-webkit-transform:translate(-80px,0px);
	}
	23% {
		-webkit-transform:translate(-70px,0px);
	}
	41% {
		-webkit-transform:translate(-70px,0px);
	}
	44% {
		-webkit-transform:translate(-80px,0px);
	}
	46% {
		-webkit-transform:translate(0px,0px);
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px);
	}
}

.banunu-deck2 {
	width: 132px;
	height: 116px;
	position: absolute;
	top: 270px;
	right: -112px;
	background-image: url("../i/event/5008/banunu2.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 132px 116px;
	z-index: 100;
}

.banunu-deck2 {
	-webkit-animation-name: banunu-deck2;
	-webkit-animation-duration: 3.0s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes banunu-deck2 {
	from {
		-webkit-transform:translate(0px,0px);
	}
	25% {
		-webkit-transform:translate(0px,0px);
	}
	37% {
		-webkit-transform:translate(-50px,0px);
	}
	41% {
		-webkit-transform:translate(0px,0px);
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px);
	}
}

.hbanunu-deck1 {
	width: 100px;
	height: 60px;
	position: absolute;
	top: 97px;
	right: -100px;
	background-image: url("../i/event/5011/jack4.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100px 60px;
	z-index: 100;
}

.hbanunu-deck1 {
	-webkit-animation-name: hbanunu-deck1;
	-webkit-animation-duration: 3.0s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes hbanunu-deck1 {
	from {
		-webkit-transform:translate(0px,0px);
	}
	18% {
		-webkit-transform:translate(0px,0px);
	}
	21% {
		-webkit-transform:translate(-90px,0px);
	}
	23% {
		-webkit-transform:translate(-80px,0px);
	}
	41% {
		-webkit-transform:translate(-80px,0px);
	}
	44% {
		-webkit-transform:translate(-90px,0px);
	}
	46% {
		-webkit-transform:translate(0px,0px);
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px);
	}
}

/* Boss anime
----------------------------------------------------------------*/
.boss-deck1 {
	width: 320px;
	height: 182px;
	position: absolute;
	top: 94px;
	left: -9px;
	background-image: url("../i/event_common/bossdeck_boss.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 182px;
	z-index: 99;
}

.boss-deck1 {
	-webkit-animation-name: boss-deck1;
	-webkit-animation-duration: 6.6s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes boss-deck1 {
	from {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(6.0);
	}
	3% {
		opacity: 0.3;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	5% {
		opacity: 0.5;
		-webkit-transform: translate(8px,0px) scale(1.0);
	}
	6% {
		opacity: 0.7;
		-webkit-transform: translate(-6px,0px) scale(1.0);
	}
	7% {
		opacity: 0.8;
		-webkit-transform: translate(4px,0px) scale(1.0);
	}
	8% {
		opacity: 0.9;
		-webkit-transform: translate(-2px,0px) scale(1.0);
	}
	9% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	10% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	16% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	23% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	45% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	52% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	59% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	74% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	81% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	99.9%,to {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
}

.boss-deck-eye1 {
	width: 76px;
	height: 40px;
	position: absolute;
	top: 168px;
	left: 112px;
	background-image: url("../i/event_common/bossdeck_boss_eye.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 76px 40px;
	z-index: 100;
}

.boss-deck-eye1 {
	-webkit-animation-name: boss-deck-eye1;
	-webkit-animation-duration: 6.6s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 0s;
}

@-webkit-keyframes boss-deck-eye1 {
	from {
		opacity: 0;
	}
	
	4% {
		opacity: 0.3;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	5% {
		opacity: 0.5;
		-webkit-transform: translate(8px,0px) scale(1.0);
	}
	6% {
		opacity: 0.7;
		-webkit-transform: translate(-6px,0px) scale(1.0);
	}
	7% {
		opacity: 0;
		-webkit-transform: translate(4px,0px) scale(1.0);
	}
	8% {
		opacity: 1;
		-webkit-transform: translate(-2px,0px) scale(1.0);
	}
	10% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	
	23% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	24% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	25% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	26% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	27% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	29% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	
	34% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	35% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	36% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	37% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	39% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	40% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	41% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	42% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	
	61% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	62% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	63% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	64% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	65% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	67% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	
	34% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	35% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	71% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	72% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	74% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	75% {
		opacity: 1;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	76% {
		opacity: 0.5;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	77% {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
	
	99.9%,to {
		opacity: 0;
		-webkit-transform: translate(0px,0px) scale(1.0);
	}
}

/* Banunu
----------------------------------------------------------------*/
.banunu-cap-block1 {
	width: 320px;
	height: 40px;
	display: table;
}

	.banunu-cap-block1 p {
		font-size: 1.4rem;
		color: #ffb400;
		line-height: 20px;
		font-family: DotFont;
		text-shadow: 0 2px 1px #a55d00;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}
	
.banunu-cap-block2 {
	margin: 0 0 10px;
	width: 320px;
	height: 84px;
	display: table;
}

	.banunu-cap-block2 p {
		padding: 0 9px;
		font-size: 1.2rem;
		color: #ffb400;
		line-height: 18px;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}

.banunu-list-area-title {
	width: 320px;
	height: 24px;
	display: -webkit-box;
	position: relative;
	background: #16110b;
}

	.banunu-list-area-title-left {
		width: 210px;
		height: 24px;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 24px;
		font-weight: bold;
		text-align: center;
	}
	
	.banunu-list-area-title-right {
		width: 110px;
		height: 24px;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 24px;
		font-weight: bold;
		text-align: center;
		background: #2d1b00;
	}

.banunu-list-area {
	width: 320px;
	height: 268px;
	position: relative;
	background: #131313;
	overflow: hidden;
}

	.banunu-list-area li {
		width: 320px;
		height: 67px;
		display: -webkit-box;
		position: relative;
	}
		
		.banunu-list-left {
			padding: 0 0 0 10px;
			width: 210px;
			height: 67px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		.banunu-list-left.no-list-text {
			padding: 26px 0 0 14px;
			font-weight: bold;
			font-size: 1.4rem;
		}
		
			.banunu-list-left-f {
				width: 74px;
				height: 74px;
				position: absolute;
				top: -3px;
				left: 0;
				background-image: url("../i/common/thumbnail_lighting_s.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 74px 74px;
			}
			
				.banunu-list-left-f:before {
					width: 74px;
					height: 74px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 54px;
					background-image: url("../i/common/thumbnail_lighting_s.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 74px 74px;
				}
				
				.banunu-list-left-f:after {
					width: 74px;
					height: 74px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 108px;
					background-image: url("../i/common/thumbnail_lighting_s.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					-webkit-background-size: 74px 74px;
				}
		
			.banunu-list-left:after {
				width: 35px;
				height: 63px;
				content: "";
				display: block;
				position: absolute;
				top: 2px;
				right: 0;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -176px -360px;
				-webkit-background-size: 320px 1550px;
			}
			
			.banunu-list-left-block {
				padding: 10px 0 0;
				width: 54px;
				height: 67px;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
		.banunu-list-right {
			padding: 13px 0 0 6px;
			width: 110px;
			height: 67px;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
			background: #241b14;
		}
		
			.banunu-list-area li .banunu-list-right:before {
				width: 318px;
				height: 19px;
				content: "";
				display: block;
				position: absolute;
				bottom: -19px;
				left: -209px;
				background-image: url("../i/event_common/line.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 318px 19px;
				z-index: 1;
			}
			
			.banunu-list-area li:nth-last-of-type(1) .banunu-list-right:before {
				width: 318px;
				height: 0;
				content: "";
				display: block;
				position: absolute;
				bottom: 0;
				left: 1px;
				background-image: none;
			}
		
			.banunu-list-reward {
				width: 47px;
				height: 46px;
				position: absolute;
				top: 12px;
				left: 61px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -216px -360px;
				-webkit-background-size: 320px 1550px;
				z-index: 2;
			}
			
		.banunu-list-right-num {
			font-size: 1.1rem;
			line-height: 21px;
			font-weight: bold;
			position: absolute;
			top: 23px;
			left: 56px;
		}
		
/* Banunu dialog
----------------------------------------------------------------*/
.banunu-dialog-center-area {
	margin: 0 auto;
	width: 300px;
	height: 120px;
	display: -webkit-box;
	-webkit-box-pack: center;
	position: relative;
}

	.banunu-dialog-center-f {
		width: 108px;
		height: 108px;
		position: absolute;
		top: 5px;
		left: 14px;
		background-image: url("../i/common/thumbnail_lighting.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 108px 108px;
	}

		.banunu-dialog-center-f:before {
			width: 108px;
			height: 108px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 83px;
			background-image: url("../i/common/thumbnail_lighting.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 108px 108px;
		}
		
		.banunu-dialog-center-f:after {
			width: 108px;
			height: 108px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 165px;
			background-image: url("../i/common/thumbnail_lighting.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 108px 108px;
		}
		
	.banunu-dialog-center-block {
		padding: 21px 0 0;
		width: 82px;
		height: 120px;
		-webkit-box-sizing: border-box;
	}
	
	.banunu-dialog-bottom {
		margin: 0 auto;
		width: 285px;
		height: 60px;
		display: table;
		-webkit-box-sizing: border-box;
		border: #b6b2ad solid 2px;
		background: #a69e93;
	}

		.banunu-dialog-bottom p {
			padding: 0 10px;
			font-size: 1.3rem;
			color: #3e2a24;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

/* Echelon map
----------------------------------------------------------------*/
.echelon-map-area {
	z-index: 0;
	background: url("../i/echelon/pvpmap_bg.png") no-repeat;
	height: 425px;
	width: 320px;
	position: relative;
	top: 0;
	left: 0;
	background-size: 320px 425px;
}
.echelon-map-area li {
	background-size: 49px 49px;
	background-repeat:no-repeat;
	width:49px;
	height:49px;
	position:absolute;
}
.echelon-map-area li:after {
	content:"";
	background-color: rgba(0,0,0,0.3);
	border-radius: 5px;
	width: 49px;
	height: 54px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	/*
	.echelon-map-area li.your-rank:after {
		content:"";
		background-color: #692500;
		border: 1px solid #ff9b42;
		border-radius: 5px;
		width: 47px;
		height: 52px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	*/
	.echelon-map-area li .your-rank {
		background: url("../i/echelon/pvpmap_01.png") no-repeat;
		background-size: 17px 11px;
		width: 17px;
		height: 0;
		padding-top: 11px;
		overflow: hidden;
		position: absolute;
		top: -10px;
		left: 16px;
	}
	.echelon-map-area li .your-rank {
		-webkit-animation-name: gacha-popup;
		-webkit-animation-delay: 0s;
		-webkit-animation-duration: 1s;
		-webkit-animation-timing-function: ease-in;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		-webkit-animation-play-state: running;
	}
	
	.map-rank-max-12 .echelon-rank-2 {top:334px; left:31px; background-image: url("../i/echelon/echelon_12.png");}
	.map-rank-max-12 .echelon-rank-3 {top:334px; left:93px; background-image: url("../i/echelon/echelon_11.png");}
	.map-rank-max-12 .echelon-rank-4 {top:351px; left:153px; background-image: url("../i/echelon/echelon_10.png");}
	.map-rank-max-12 .echelon-rank-5 {top:331px; left:210px; background-image: url("../i/echelon/echelon_9.png");}
	.map-rank-max-12 .echelon-rank-6 {top:262px; left:237px; background-image: url("../i/echelon/echelon_8.png");}
	.map-rank-max-12 .echelon-rank-7 {top:256px; left:142px; background-image: url("../i/echelon/echelon_7.png");}
	.map-rank-max-12 .echelon-rank-8 {top:208px; left:65px; background-image: url("../i/echelon/echelon_6.png");}
	.map-rank-max-12 .echelon-rank-9 {top:194px; left:127px; background-image: url("../i/echelon/echelon_5.png");}
	.map-rank-max-12 .echelon-rank-10 {top:194px; left:206px; background-image: url("../i/echelon/echelon_4.png");}
	.map-rank-max-12 .echelon-rank-11 {top:138px; left:166px; background-image: url("../i/echelon/echelon_3.png");}
	.map-rank-max-12 .echelon-rank-12 {top:93px; left:112px; background-image: url("../i/echelon/echelon_2.png");}
	.map-rank-max-12 .echelon-rank-13 {top:24px; left:104px; background-image: url("../i/echelon/echelon_1.png");}
	
	.map-rank-max-13 .echelon-rank-1 {top:334px; left:31px; background-image: url("../i/echelon/echelon_13.png");}
	.map-rank-max-13 .echelon-rank-2 {top:334px; left:93px; background-image: url("../i/echelon/echelon_12.png");}
	.map-rank-max-13 .echelon-rank-3 {top:351px; left:153px; background-image: url("../i/echelon/echelon_11.png");}
	.map-rank-max-13 .echelon-rank-4 {top:324px; left:208px; background-image: url("../i/echelon/echelon_10.png");}
	.map-rank-max-13 .echelon-rank-5 {top:268px; left:239px; background-image: url("../i/echelon/echelon_9.png");}
	.map-rank-max-13 .echelon-rank-6 {top:255px; left:150px; background-image: url("../i/echelon/echelon_8.png");}
	.map-rank-max-13 .echelon-rank-7 {top:194px; left:65px; background-image: url("../i/echelon/echelon_7.png");}
	.map-rank-max-13 .echelon-rank-8 {top:194px; left:135px; background-image: url("../i/echelon/echelon_6.png");}
	.map-rank-max-13 .echelon-rank-9 {top:194px; left:206px; background-image: url("../i/echelon/echelon_5.png");}
	.map-rank-max-13 .echelon-rank-10 {top:138px; left:172px; background-image: url("../i/echelon/echelon_4.png");}
	.map-rank-max-13 .echelon-rank-11 {top:138px; left:112px; background-image: url("../i/echelon/echelon_3.png");}
	.map-rank-max-13 .echelon-rank-12 {top:81px; left:112px; background-image: url("../i/echelon/echelon_2.png");}
	.map-rank-max-13 .echelon-rank-13 {top:24px; left:104px; background-image: url("../i/echelon/echelon_1.png");}

	.echelon-map-area li div {
		font-weight: bold;
		position: absolute;
		text-align: center;
		width: 150%;
		top: 42px;
		left: 50%;
		margin-left: -37px;
		font-size: 1.0rem;
	}
	.map-rank-max-12 .echelon-rank-2 div,
	.map-rank-max-12 .echelon-rank-3 div,
	.map-rank-max-12 .echelon-rank-4 div,
	.map-rank-max-12 .echelon-rank-5 div,
	.map-rank-max-12 .echelon-rank-6 div {color:#b46100;}
	
	.map-rank-max-12 .echelon-rank-7 div,
	.map-rank-max-12 .echelon-rank-8 div,
	.map-rank-max-12 .echelon-rank-9 div,
	.map-rank-max-12 .echelon-rank-10 div,
	.map-rank-max-12 .echelon-rank-11 div,
	.map-rank-max-12 .echelon-rank-12 div,
	.map-rank-max-12 .echelon-rank-13 div {color:#f2d651;}
	
	.map-rank-max-12 .echelon-rank-7 div:before,
	.map-rank-max-12 .echelon-rank-8 div:before,
	.map-rank-max-12 .echelon-rank-9 div:before,
	.map-rank-max-12 .echelon-rank-10 div:before,
	.map-rank-max-12 .echelon-rank-11 div:before,
	.map-rank-max-12 .echelon-rank-12 div:before,
	.map-rank-max-12 .echelon-rank-13 div:before {
		content:"";
		background: url("../i/echelon/pvpmap_04.png") no-repeat;
		background-size:5px 10px;
		width:5px;
		height:10px;
		display:inline-block;
		margin-right: 2px;
	}
	
	.map-rank-max-13 .echelon-rank-1 div,
	.map-rank-max-13 .echelon-rank-2 div,
	.map-rank-max-13 .echelon-rank-3 div,
	.map-rank-max-13 .echelon-rank-4 div,
	.map-rank-max-13 .echelon-rank-5 div,
	.map-rank-max-13 .echelon-rank-6 div {color:#b46100;}
	
	.map-rank-max-13 .echelon-rank-7 div,
	.map-rank-max-13 .echelon-rank-8 div,
	.map-rank-max-13 .echelon-rank-9 div,
	.map-rank-max-13 .echelon-rank-10 div,
	.map-rank-max-13 .echelon-rank-11 div,
	.map-rank-max-13 .echelon-rank-12 div,
	.map-rank-max-13 .echelon-rank-13 div {color:#f2d651;}
	
	.map-rank-max-13 .echelon-rank-7 div:before,
	.map-rank-max-13 .echelon-rank-8 div:before,
	.map-rank-max-13 .echelon-rank-9 div:before,
	.map-rank-max-13 .echelon-rank-10 div:before,
	.map-rank-max-13 .echelon-rank-11 div:before,
	.map-rank-max-13 .echelon-rank-12 div:before,
	.map-rank-max-13 .echelon-rank-13 div:before {
		content:"";
		background: url("../i/echelon/pvpmap_04.png") no-repeat;
		background-size:5px 10px;
		width:5px;
		height:10px;
		display:inline-block;
		margin-right: 2px;
	}
	
.echelon-rank-data {
	text-align: center;
	padding: 10px 8px;
	background-color: #180e0a;
}


/* Enemy animation
----------------------------------------------------------------*/
.enemy-anime1 {
	width: 100px;
	height: 75px;
	position: absolute;
	top: 97px;
	right: -100px;
	background-image: url("../i/character_full/107012.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100px 75px;
	z-index: 100;
}

.enemy-anime1 {
	-webkit-animation-name: enemy-anime1;
	-webkit-animation-duration: 5.0s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 1.0s;
}

@-webkit-keyframes enemy-anime1 {
	from {
		-webkit-transform:translate(0px,0px) scale(-2.0,2.0);
		opacity: 1.0;
	}
	12% {
		-webkit-transform:translate(-430px,40px) scale(-0.6,0.6);
		opacity: 1.0;
	}
	24% {
		-webkit-transform:translate(-430px,280px) scale(0.2,0.2);
		opacity: 1.0;
	}
	50% {
		-webkit-transform:translate(-180px,240px) scale(0.3,0.3);
		opacity: 1.0;
	}
	52% {
		-webkit-transform:translate(-180px,240px) scale(-0.3,0.3);
		opacity: 1.0;
	}
	62% {
		-webkit-transform:translate(-320px,230px) scale(-0.5,0.5);
		opacity: 1.0;
	}
	65% {
		-webkit-transform:translate(-320px,230px) scale(0.7,0.7);
		opacity: 1.0;
	}
	82% {
		-webkit-transform:translate(-100px,-200px) scale(18.0,18.0);
		opacity: 1.0;
	}
	83% {
		-webkit-transform:translate(-100px,-210px) scale(18.0,18.0);
		opacity: 0.0;
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px) scale(-1.0,1.0);
		opacity: 0.0;
	}
}

.enemy-anime2 {
	width: 100px;
	height: 75px;
	position: absolute;
	top: 97px;
	right: -100px;
	background-image: url("../i/character_full/107012.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 100px 75px;
	z-index: 100;
}

.enemy-anime2 {
	-webkit-animation-name: enemy-anime2;
	-webkit-animation-duration: 2.0s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-delay: 1.0s;
}

@-webkit-keyframes enemy-anime2 {
	from {
		-webkit-transform:translate(0px,0px) scale(-1.0,1.0);
		opacity: 1.0;
	}
	24% {
		-webkit-transform:translate(-240px,40px) scale(-1.6,1.6);
		opacity: 1.0;
	}
	27% {
		-webkit-transform:translate(-270px,40px) scale(1.6,1.6);
		opacity: 1.0;
	}
	30% {
		-webkit-transform:translate(-300px,40px) scale(1.6,1.6);
		opacity: 1.0;
	}
	44% {
		-webkit-transform:translate(-300px,40px) scale(1.9,1.9);
		opacity: 1.0;
	}
	62% {
		-webkit-transform:translate(-100px,200px) scale(18.0,18.0);
		opacity: 1.0;
	}
	63% {
		-webkit-transform:translate(-100px,210px) scale(18.0,18.0);
		opacity: 0.0;
	}
	99.9%,to {
		-webkit-transform:translate(0px,0px) scale(-1.0,1.0);
		opacity: 0.0;
	}
}

/* event top Echelon
----------------------------------------------------------------*/
.battle-progress-block {
	position:relative;
	margin: 0 9px;
}
	.battle-progress-block > ul {
		background-color:rgba(0,0,0,0.6);
		width:100%;
	}
		.battle-progress-block > ul li {
			display:-webkit-box;
			margin:0 auto;
			color:#9a9a9a;
			font-size:0.8rem;
		}
		.battle-progress-block > ul li:first-child {
			color: #747474;
			display:block;
			height:13px;
			position:relative;
			padding:0 6px 0 0;
			text-align:right;
			background-color:rgba(0,0,0,0.4);
			margin:0;
			font-size:1.0rem;
		}
		.battle-progress-block > ul li:first-child:before {
			width: 9px;
			height: 9px;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -232px -24px;
			-webkit-background-size: 320px 1550px;
		}
		
			.battle-progress-block > ul li:first-child > span {
				position: absolute;
				left: 4px;
				top: 0;
				font-weight: bold;
			}
			
			.battle-progress-block > ul li div {
				-webkit-box-flex:1.0;
				padding: 38px 0 0;
				text-align:center;
				margin:2px 0 2px;
				position:relative;
				min-width:38px;
			}
			
				.battle-progress-block > ul li div:before {
					content:"";
					position:absolute;
					background-repeat:no-repeat;
					background-size:38px;
					width:38px;
					height:38px;
					top:0;
					left:50%;
					margin-left:-19px;
					opacity:0.4;
				}
					.battle-progress-block > ul li .rank-1:before {background-image:url("../i/echelon/echelon_13s.png");}
					.battle-progress-block > ul li .rank-2:before {background-image:url("../i/echelon/echelon_12s.png");}
					.battle-progress-block > ul li .rank-3:before {background-image:url("../i/echelon/echelon_11s.png");}
					.battle-progress-block > ul li .rank-4:before {background-image:url("../i/echelon/echelon_10s.png");}
					.battle-progress-block > ul li .rank-5:before {background-image:url("../i/echelon/echelon_9s.png");}
					.battle-progress-block > ul li .rank-6:before {background-image:url("../i/echelon/echelon_8s.png");}
					.battle-progress-block > ul li .rank-7:before {background-image:url("../i/echelon/echelon_7s.png");}
					.battle-progress-block > ul li .rank-8:before {background-image:url("../i/echelon/echelon_6s.png");}
					.battle-progress-block > ul li .rank-9:before {background-image:url("../i/echelon/echelon_5s.png");}
					.battle-progress-block > ul li .rank-10:before {background-image:url("../i/echelon/echelon_4s.png");}
					.battle-progress-block > ul li .rank-11:before {background-image:url("../i/echelon/echelon_3s.png");}
					.battle-progress-block > ul li .rank-12:before {background-image:url("../i/echelon/echelon_2s.png");}
					.battle-progress-block > ul li .rank-13:before {background-image:url("../i/echelon/echelon_1s.png");}
				
				.battle-progress-block > ul li div > span {
					position:relative;
					display:block;
					background-color:rgba(0,0,0,0.4);
					padding:0;
					margin:2px 0 4px;
					font-weight: bold;
					color:#6d6d6d;
					line-height:14px;
				}
				
				.battle-progress-block > ul li div > i {
					display:block;
					padding:0 0 3px;
					font-weight: normal;
				}

/*my-rank*/
.battle-progress-block > ul li div.my-rank:before {
	background-repeat:no-repeat;
	background-size:49px;
	width:49px;
	height:49px;
	top:-6px;
	margin-left:-24px;
	opacity:1;
}
	.battle-progress-block > ul li div.my-rank.rank-1:before {background-image:url("../i/echelon/echelon_13.png");}
	.battle-progress-block > ul li div.my-rank.rank-2:before {background-image:url("../i/echelon/echelon_12.png");}
	.battle-progress-block > ul li div.my-rank.rank-3:before {background-image:url("../i/echelon/echelon_11.png");}
	.battle-progress-block > ul li div.my-rank.rank-4:before {background-image:url("../i/echelon/echelon_10.png");}
	.battle-progress-block > ul li div.my-rank.rank-5:before {background-image:url("../i/echelon/echelon_9.png");}
	.battle-progress-block > ul li div.my-rank.rank-6:before {background-image:url("../i/echelon/echelon_8.png");}
	.battle-progress-block > ul li div.my-rank.rank-7:before {background-image:url("../i/echelon/echelon_7.png");}
	.battle-progress-block > ul li div.my-rank.rank-8:before {background-image:url("../i/echelon/echelon_6.png");}
	.battle-progress-block > ul li div.my-rank.rank-9:before {background-image:url("../i/echelon/echelon_5.png");}
	.battle-progress-block > ul li div.my-rank.rank-10:before {background-image:url("../i/echelon/echelon_4.png");}
	.battle-progress-block > ul li div.my-rank.rank-11:before {background-image:url("../i/echelon/echelon_3.png");}
	.battle-progress-block > ul li div.my-rank.rank-12:before {background-image:url("../i/echelon/echelon_2.png");}
	.battle-progress-block > ul li div.my-rank.rank-13:before {background-image:url("../i/echelon/echelon_1.png");}

.battle-progress-block > ul li div.my-rank > span {
	background:rgba(0,0,0,0.4) url("../i/event_common/pvp_top_arr.png") no-repeat;
	background-size:42px 14px;
	-webkit-background-size:42px 14px;
	background-position:center;
	color:#000000;
}

/*---------
	.battle-progress-block > ul li div.mr-7 > span:before,
	.battle-progress-block > ul li div.mr-8 > span:before,
	.battle-progress-block > ul li div.mr-9 > span:before,
	.battle-progress-block > ul li div.mr-10 > span:before,
	.battle-progress-block > ul li div.mr-11 > span:before,
	.battle-progress-block > ul li div.mr-12 > span:before,
	.battle-progress-block > ul li div.mr-13 > span:before {
		content:"";
		position:absolute;
		bottom:-4px;
		left:50%;
		margin-left:-4px;
		border-width:0 4px 4px;
		border-color:transparent transparent #eccd00;
		border-style:solid;
	}
-------*/

.battle-progress-block > ul .my-rank-detail {
	padding:2px 0 3px;
	display:table;
	position: relative;
}
	.battle-progress-block > ul .my-rank-detail span {
		display:table-cell;
		text-align:center;
		padding:1px 10px;
		border-radius:2px;
		font-weight:bold;
	}

	.promotion-color01 {
		color: #b56f00;
		background: #eccd00;
	}
	
	.promotion-color01-2 {
		color: #de5900;
		background: #eccd00;
	}
	
	.promotion-color01-3 {
		color: #ff4200;
		background: #eccd00;
	}
	
	.promotion-color02 {
		color: #d0d0d0;
		background: #767676;
	}
	
	.promotion-color03 {
		color: #ec2c00;
		background: #512929;
	}

.pvp-event-detail-btn-block {
	position:relative;
	font-size:0.8rem;
	width:100%;
}
	.pvp-event-detail-btn-block ul {
		position:relative;
		font-size:0.9rem;
		display:-webkit-box;
		margin: 0 10px;
		text-align:center;
	}
		.pvp-event-detail-btn-block ul li {
			width:100px;
			color:#8a8a8a;
			font-weight:bold;
		}
			.pvp-event-detail-btn-block ul li > div {	
				background-position:initial;
				background-repeat:no-repeat;
				background-size:71px 69px;
				width:71px;
				height:69px;
				margin: 0 auto;
			}
.pvp-event-detail-btn-block ul li > .event-detail-btn1 {background-image:url("../i/event_common/btn_event_top1.png");}
.pvp-event-detail-btn-block ul li > .event-detail-btn2 {background-image:url("../i/event_common/btn_event_top2.png");}
.pvp-event-detail-btn-block ul li > .event-detail-btn3 {background-image:url("../i/event_common/btn_event_top3.png");}