/* Event GvG tuto
----------------------------------------------------------------*/
.gvg-event-tuto-img {
	width: 320px;
	height: 148px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* Event GvG top
----------------------------------------------------------------*/
.gvg-top-header {
	width: 320px;
	height: 46px;
	display: -webkit-box;
	background-image: url("../i/event_common/gvg_eventtop_tip.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 46px;
}

.gvg-top-header.mbgaui-widget-anchors { opacity: 1.0; }
.gvg-top-header.mbgaui-active { opacity: 0.5; }
	
	.gvg-top-header-left {
		padding: 10px 0 0 150px;
		width: 240px;
		height: 46px;
		font-size: 1.4rem;
		color: #ffd800;
		line-height: 40px;
		font-family: DotFont;
		display: -webkit-box;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-top-header-left:before {
			width: 142px;
			height: 28px;
			content: "";
			display: block;
			position: absolute;
			top: 10px;
			left: 4px;
			background-image: url("../i/event_common/gvg_eventtop_title.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 142px 28px;
		}
		
		.gvg-top-header-left0 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_00.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left1 {
			width: 10px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_01.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 10px 28px;
		}
		
		.gvg-top-header-left2 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_02.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left3 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_03.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left4 {
			width: 16px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_04.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 16px 28px;
		}
		
		.gvg-top-header-left5 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_05.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left6 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_06.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left7 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_07.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left8 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_08.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
		
		.gvg-top-header-left9 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_09.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}

		.gvg-top-header-left10 {
			width: 14px;
			height: 28px;
			background-image: url("../i/event_common/gvg_num_10.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 14px 28px;
		}
	
	.gvg-top-header-right {
		padding: 0 27px 0 0;
		width: 80px;
		height: 46px;
		font-size: 1.2rem;
		color: #ffffff;
		line-height: 40px;
		font-family: DotFont;
		text-align: right;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-top-header-right:before {
			width: 12px;
			height: 20px;
			content: "";
			display: block;
			position: absolute;
			top: 12px;
			left: 57px;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -228px -284px;
			-webkit-background-size: 320px 388px;
		}

.gvg-header-point-num1 {
	width: 70px;
	height: 18px;
	font-size: 1rem;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	position: absolute;
	top: -3px;
	left: 95px;
	-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: 70px 20px;
}

.gvg_team_fever_bar {
	margin: 0 auto 8px;
	width: 120px;
	height: 2px;
	position: absolute;
	top: 145px;
	left: 184px;
}

.gvg_team_fever_bar_for_battle_map {
	margin: 0 auto 8px;
	width: 95px;
	height: 2px;
	position: absolute;
	top: 65px;
	left: 223px;
}

.gvg_team_fever_bar_for_battle_map_in_frenzy {
	top: 85px;
}

.gvg_castle_fever_bar {
	width: 32px;
	height: 40px;
	position: absolute;
	top: -26px;
	left: -33px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/bar_castle.png");
	background-repeat: no-repeat;
	z-index: 2;
	display: block;
}

.gvg_castle_fever_bar_in_battle_map {
	width: 32px;
	height: 40px;
	position: absolute;
	top: -25px;
	left: -33px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/bar_castle.png");
	background-repeat: no-repeat;
	z-index: 2;
	display: block;
}

.gvg_castle_fever_bar_in_team_portal {
	width: 32px;
	height: 40px;
	position: absolute;
	top: -28px;
	left: -28px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/castle_icon.png");
	background-repeat: no-repeat;
	z-index: 2;
	display: block;
}

.fever_bar_gauge_value {
	height: 11px;
	font-size: 1.1rem;
	font-family: DotFont;
	color: #DCBBEC;
	position: absolute;
	left: 45px;
	top: -14px;
	z-index: 15;
	text-shadow: 0 -1px 1px #000000;
}

.gvg_fever_gauge_max {
	position: relative;
	height: 10px;
	top: 0;
	left: 0;
	background-image: url("../i/common/sprite_line.png");
	background-repeat: repeat-x;
	background-position: 0 -460px;
	-webkit-background-size: 100% 1550px;
}

.gvg_fever_gauge_max:before {
	width: 2px;
	height: 10px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -2px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/sprite.png");
	background-repeat: no-repeat;
	background-position: -288px -72px;
	-webkit-background-size: 320px 1550px;
}

.gvg_fever_gauge_max:after {
	width: 2px;
	height: 10px;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -2px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/common/sprite.png");
	background-repeat: no-repeat;
	background-position: -296px -72px;
	-webkit-background-size: 320px 1550px;
}

.gvg_fever_gauge {
	background-position: 0 -462px;
	z-index: 12;
	height: 6px;
	top: 2px;
	left: 26px;
	-webkit-box-sizing: border-box;
	position: absolute;
	background-image: url("../i/common/sprite_line_for_ferver_bar.png");
	background-repeat: repeat-x;
	-webkit-background-size: 100% 1550px;
}

.gvg-header-point-num2 {
	width: 70px;
	height: 18px;
	font-size: 1rem;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 130px;
	-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: 70px 20px;
}

.gvg-header-point-num3 {
	width: 70px;
	height: 18px;
	font-size: 1rem;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 195px;
	-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: 70px 20px;
}

.gvg-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: -30px;
	left: 115px;
	-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;
}

.gvg-top-emblem-area {
	width: 320px;
	height: 121px;
	position: relative;
}

	.gvg-top-emblem-area-img {
		width: 320px;
		height: 94px;
		position: relative;
		overflow: hidden;
	}
	
	.host-num6 .gvg-top-emblem-area-img li {
		width: 70px;
		height: 70px;
		position: absolute;
		bottom: 2px;
	}
	
		.host-num6 .gvg-top-emblem-area-img li:after {
			width: 40px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			left: 15px;
			bottom: 0;
			background-image: url("../i/event_common/gvg_icon_shadow.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 40px 12px;
		}
	
		.host-num6 .gvg-top-emblem-area-img li.icon1 { left: 0; }
		.host-num6 .gvg-top-emblem-area-img li.icon2 { left: 50px; }
		.host-num6 .gvg-top-emblem-area-img li.icon3 { left: 100px; }
		.host-num6 .gvg-top-emblem-area-img li.icon4 { left: 150px; }
		.host-num6 .gvg-top-emblem-area-img li.icon5 { left: 200px; }
		.host-num6 .gvg-top-emblem-area-img li.icon6 { left: 250px; }
	
		.host-num6 .gvg-top-emblem-area-img li div {
			width: 70px;
			height: 70px;
			position: relative;
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 70px 70px;
			z-index: 1;
		}
		
		.host-num6.current0 .gvg-top-emblem-area-img li div { opacity: 0.6; }
		
		.host-num6 .gvg-top-emblem-area-img li.icon1 div { background-image: url("../i/event_common/gvg_icon06.png"); bottom: 0; }
		.host-num6 .gvg-top-emblem-area-img li.icon2 div { background-image: url("../i/event_common/gvg_icon05.png"); bottom: 4px; }
		.host-num6 .gvg-top-emblem-area-img li.icon3 div { background-image: url("../i/event_common/gvg_icon04.png"); bottom: 8px; }
		.host-num6 .gvg-top-emblem-area-img li.icon4 div { background-image: url("../i/event_common/gvg_icon03.png"); bottom: 12px; }
		.host-num6 .gvg-top-emblem-area-img li.icon5 div { background-image: url("../i/event_common/gvg_icon02.png"); bottom: 16px; }
		.host-num6 .gvg-top-emblem-area-img li.icon6 div { background-image: url("../i/event_common/gvg_icon01.png"); bottom: 20px; }
		
			.host-num6.current1 .gvg-top-emblem-area-img li.icon1:before,
			.host-num6.current2 .gvg-top-emblem-area-img li.icon2:before,
			.host-num6.current3 .gvg-top-emblem-area-img li.icon3:before,
			.host-num6.current4 .gvg-top-emblem-area-img li.icon4:before,
			.host-num6.current5 .gvg-top-emblem-area-img li.icon5:before,
			.host-num6.current6 .gvg-top-emblem-area-img li.icon6:before {
				width: 59px;
				height: 112px;
				content: "";
				display: block;
				position: absolute;
				top: -22px;
				left: 3px;
				background-image: url("../i/event_common/gvg_eventtop_light.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 59px 112px;
			}
		
	.host-num6 .gvg-top-emblem-area-name {
		padding: 2px 10px 2px;
		width: 320px;
		height: 22px;
		display: -webkit-box;
		position: relative;
		-webkit-box-sizing: border-box;
		background: rgba(0,0,0,0.3);
	}
	
		.host-num6 .gvg-top-emblem-area-name li {
			width: 50px;
			height: 18px;
			font-size: 1.0rem;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
		}
		
		.host-num6.current0 .gvg-top-emblem-area-name li { color: #6d6d6d; }
		
		.host-num6.current1 .gvg-top-emblem-area-name li.name1,
		.host-num6.current2 .gvg-top-emblem-area-name li.name2,
		.host-num6.current3 .gvg-top-emblem-area-name li.name3,
		.host-num6.current4 .gvg-top-emblem-area-name li.name4,
		.host-num6.current5 .gvg-top-emblem-area-name li.name5,
		.host-num6.current6 .gvg-top-emblem-area-name li.name6 {
			color: #ffffff;
			background-image: url("../i/event_common/gvg_eventtop_arr.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 50px 18px;
		}
		

	.host-num7 .gvg-top-emblem-area-img li {
		width: 44px;
		height: 70px;
		position: absolute;
		bottom: 2px;
	}
	
		.host-num7 .gvg-top-emblem-area-img li:after {
			width: 40px;
			height: 12px;
			content: "";
			display: block;
			position: absolute;
			left: 4px;
			bottom: 0;
			background-image: url("../i/event_common/gvg_icon_shadow.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 40px 12px;
		}
	
		.host-num7 .gvg-top-emblem-area-img li.icon1 { left: 4px; }
		.host-num7 .gvg-top-emblem-area-img li.icon2 { left: 48px; }
		.host-num7 .gvg-top-emblem-area-img li.icon3 { left: 92px; }
		.host-num7 .gvg-top-emblem-area-img li.icon4 { left: 136px; }
		.host-num7 .gvg-top-emblem-area-img li.icon5 { left: 180px; }
		.host-num7 .gvg-top-emblem-area-img li.icon6 { left: 224px; }
		.host-num7 .gvg-top-emblem-area-img li.icon7 { left: 268px; }
	
		.host-num7 .gvg-top-emblem-area-img li div {
			width: 44px;
			height: 70px;
			position: relative;
			background-repeat: no-repeat;
			background-position: -8px 0;
			-webkit-background-size: 70px 70px;
			z-index: 1;
		}
		
		.host-num7.current0 .gvg-top-emblem-area-img li div { opacity: 0.6; }
		
		.host-num7 .gvg-top-emblem-area-img li.icon1 div { background-image: url("../i/event_common/gvg_icon07.png"); bottom: 0; }
		.host-num7 .gvg-top-emblem-area-img li.icon2 div { background-image: url("../i/event_common/gvg_icon06.png"); bottom: 3px; }
		.host-num7 .gvg-top-emblem-area-img li.icon3 div { background-image: url("../i/event_common/gvg_icon05.png"); bottom: 6px; }
		.host-num7 .gvg-top-emblem-area-img li.icon4 div { background-image: url("../i/event_common/gvg_icon04.png"); bottom: 9px; }
		.host-num7 .gvg-top-emblem-area-img li.icon5 div { background-image: url("../i/event_common/gvg_icon03.png"); bottom: 12px; }
		.host-num7 .gvg-top-emblem-area-img li.icon6 div { background-image: url("../i/event_common/gvg_icon02.png"); bottom: 15px; }
		.host-num7 .gvg-top-emblem-area-img li.icon7 div { background-image: url("../i/event_common/gvg_icon01.png"); bottom: 18px; }
		
			.host-num7.current1 .gvg-top-emblem-area-img li.icon1:before,
			.host-num7.current2 .gvg-top-emblem-area-img li.icon2:before,
			.host-num7.current3 .gvg-top-emblem-area-img li.icon3:before,
			.host-num7.current4 .gvg-top-emblem-area-img li.icon4:before,
			.host-num7.current5 .gvg-top-emblem-area-img li.icon5:before,
			.host-num7.current6 .gvg-top-emblem-area-img li.icon6:before,
			.host-num7.current7 .gvg-top-emblem-area-img li.icon7:before {
				width: 59px;
				height: 112px;
				content: "";
				display: block;
				position: absolute;
				top: -22px;
				left: -6px;
				background-image: url("../i/event_common/gvg_eventtop_light.png");
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-background-size: 59px 112px;
			}
		
	.host-num7 .gvg-top-emblem-area-name {
		padding: 2px 2px 2px 3px;
		width: 320px;
		height: 22px;
		display: -webkit-box;
		position: relative;
		-webkit-box-sizing: border-box;
		background: rgba(0,0,0,0.3);
		overflow: hidden;
	}
	
		.host-num7 .gvg-top-emblem-area-name li {
			width: 45px;
			height: 18px;
			font-size: 0.9rem;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
		}
		
		.host-num7.current0 .gvg-top-emblem-area-name li { color: #6d6d6d; }
		
		.host-num7.current1 .gvg-top-emblem-area-name li.name1,
		.host-num7.current2 .gvg-top-emblem-area-name li.name2,
		.host-num7.current3 .gvg-top-emblem-area-name li.name3,
		.host-num7.current4 .gvg-top-emblem-area-name li.name4,
		.host-num7.current5 .gvg-top-emblem-area-name li.name5,
		.host-num7.current6 .gvg-top-emblem-area-name li.name6,
		.host-num7.current7 .gvg-top-emblem-area-name li.name7 {
			color: #ffffff;
			background-image: url("../i/event_common/gvg_eventtop_arr_s.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 45px 18px;
		}

		
		.current2 .gvg-top-emblem-area-name li.name1,
		.current3 .gvg-top-emblem-area-name li.name1,
		.current3 .gvg-top-emblem-area-name li.name2,
		.current4 .gvg-top-emblem-area-name li.name1,
		.current4 .gvg-top-emblem-area-name li.name2,
		.current4 .gvg-top-emblem-area-name li.name3,
		.current5 .gvg-top-emblem-area-name li.name1,
		.current5 .gvg-top-emblem-area-name li.name2,
		.current5 .gvg-top-emblem-area-name li.name3,
		.current5 .gvg-top-emblem-area-name li.name4,
		.current6 .gvg-top-emblem-area-name li.name1,
		.current6 .gvg-top-emblem-area-name li.name2,
		.current6 .gvg-top-emblem-area-name li.name3,
		.current6 .gvg-top-emblem-area-name li.name4,
		.current6 .gvg-top-emblem-area-name li.name5,
		.current7 .gvg-top-emblem-area-name li.name1,
		.current7 .gvg-top-emblem-area-name li.name2,
		.current7 .gvg-top-emblem-area-name li.name3,
		.current7 .gvg-top-emblem-area-name li.name4,
		.current7 .gvg-top-emblem-area-name li.name5,
		.current7 .gvg-top-emblem-area-name li.name6 {
			color: #ab5d3f;
		}
		
		.current1 .gvg-top-emblem-area-name li.name2,
		.current1 .gvg-top-emblem-area-name li.name3,
		.current1 .gvg-top-emblem-area-name li.name4,
		.current1 .gvg-top-emblem-area-name li.name5,
		.current1 .gvg-top-emblem-area-name li.name6,
		.current1 .gvg-top-emblem-area-name li.name7,
		.current2 .gvg-top-emblem-area-name li.name3,
		.current2 .gvg-top-emblem-area-name li.name4,
		.current2 .gvg-top-emblem-area-name li.name5,
		.current2 .gvg-top-emblem-area-name li.name6,
		.current2 .gvg-top-emblem-area-name li.name7,
		.current3 .gvg-top-emblem-area-name li.name4,
		.current3 .gvg-top-emblem-area-name li.name5,
		.current3 .gvg-top-emblem-area-name li.name6,
		.current3 .gvg-top-emblem-area-name li.name7,
		.current4 .gvg-top-emblem-area-name li.name5,
		.current4 .gvg-top-emblem-area-name li.name6,
		.current4 .gvg-top-emblem-area-name li.name7,
		.current5 .gvg-top-emblem-area-name li.name6,
		.current5 .gvg-top-emblem-area-name li.name7,
		.current6 .gvg-top-emblem-area-name li.name7 {
			color: #6d6d6d;
		}

.gvg-top-bottom-img {
	width: 320px;
	height: 148px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 148px;
}

.gvg-top-bottom-no-text {
	margin: 0 auto;
	width: 302px;
	height:132px;
	display: table;
	position: relative;
	top: 6px;
	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;
}

	.gvg-top-bottom-no-text p {
		padding: 0 8px;
		font-size: 1.2rem;
		line-height: 18px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		display: table-cell;
	}

/* Event GvG map
----------------------------------------------------------------*/
.gvg-wrap-body {
	width: 320px;
	height: 440px;
	position: absolute;
	top: 40px;
	overflow: hidden;
}

.gvg-wrap-body-bg {
	width: 320px;
	height: 396px;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 396px;
}

.gvg-wrap-body-bg-9001 { background-image: url("../i/event_common/bg_gvg/gvg_bg_half.png"); }
.gvg-wrap-body-bg-9002 { background-image: url("../i/event_common/bg_gvg/gvg_bg_2.png"); }
.gvg-wrap-body-bg-9003 { background-image: url("../i/event_common/bg_gvg/gvg_bg_3.png"); }
.gvg-wrap-body-bg-9004 { background-image: url("../i/event_common/bg_gvg/gvg_bg_4.png"); }
.gvg-wrap-body-bg-9005 { background-image: url("../i/event_common/bg_gvg/gvg_bg_5.png"); }
.gvg-wrap-body-bg-9006 { background-image: url("../i/event_common/bg_gvg/gvg_bg_6.png"); }
.gvg-wrap-body-bg-9007 { background-image: url("../i/event_common/bg_gvg/gvg_bg_7.png"); }
.gvg-wrap-body-bg-9008 { background-image: url("../i/event_common/bg_gvg/gvg_bg_8.png"); }
.gvg-wrap-body-bg-9009 { background-image: url("../i/event_common/bg_gvg/gvg_bg_9.png"); }
.gvg-wrap-body-bg-9010 { background-image: url("../i/event_common/bg_gvg/gvg_bg_10.png"); }
.gvg-wrap-body-bg-9011 { background-image: url("../i/event_common/bg_gvg/gvg_bg_11.png"); }
.gvg-wrap-body-bg-9012 { background-image: url("../i/event_common/bg_gvg/gvg_bg_12.png"); }
.gvg-wrap-body-bg-9013 { background-image: url("../i/event_common/bg_gvg/gvg_bg_11.png"); }
.gvg-wrap-body-bg-9014 { background-image: url("../i/event_common/bg_gvg/gvg_bg_11.png"); }
.gvg-wrap-body-bg-9015 { background-image: url("../i/event_common/bg_gvg/gvg_bg_11.png"); }
.gvg-wrap-body-bg-9016 { background-image: url("../i/event_common/bg_gvg/gvg_bg_11.png"); }

.gvg-top-gauge {
	width: 320px;
	height: 45px;
	position: relative;
	-webkit-box-sizing: border-box;
}

	.gvg-score-block1,
	.gvg-score-block2 {
		width: 23px;
		height: 23px;
		position: absolute;
		top: 10px;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}
	
	.gvg-score-block1-2,
	.gvg-score-block2-2 {
		width: 23px;
		height: 23px;
		position: absolute;
		top: 11px;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
	}

	.gvg-score-block1 {
		left: 52px;
		background-position: -96px -552px;
	}

	.gvg-score-block2 {
		right: 52px;
		background-position: -120px -552px;
	}
	
	.gvg-score-block1-2 {
		left: 42px;
		background-position: -96px -552px;
	}

	.gvg-score-block2-2 {
		right: 40px;
		background-position: -120px -552px;
	}
	
.gvg-link-block {
	margin: 0 0 0 163px;
	width: 157px;
	height: 100px;
	position: relative;
	-webkit-box-sizing: border-box;
}

.gvg-link-block2 {
	width: 157px;
	height: 70px;
	position: absolute;
	top: 280px;
	left: 87px;
	-webkit-box-sizing: border-box;
}

.gvg-link-block3 {
	width: 157px;
	height: 70px;
	position: absolute;
	top: 204px;
	left: 162px;
	-webkit-box-sizing: border-box;
}

	.gvg-link-block2 .gvg-link-baloon.mbgaui-widget-anchors,
	.gvg-link-block2 .gvg-link-baloon.mbgaui-active {
		width: 61px;
		height: 66px;
		position: absolute;
		background-image: url("../i/event_common/sprite_event.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}
	
	.gvg-link-block3 .gvg-link-baloon.mbgaui-widget-anchors,
	.gvg-link-block3 .gvg-link-baloon.mbgaui-active {
		width: 55px;
		height: 59px;
		position: absolute;
		background-image: url("../i/event_common/sprite_event.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}
	
	.gvg-link-block2 .gvg-link-baloon.mbgaui-widget-anchors { background-position: 0 -476px; }
	.gvg-link-block2 .gvg-link-baloon.mbgaui-active { background-position: -64px -476px; }
	
	.gvg-link-block3 .gvg-link-baloon.mbgaui-widget-anchors { background-position: -128px -476px; }
	.gvg-link-block3 .gvg-link-baloon.mbgaui-active { background-position: -192px -476px; }
	
	.gvg-link-block2 .gvg-link-baloon {
		top: -79px;
		left: 40px;
	}
	
	.gvg-link-block3 .gvg-link-baloon {
		top: -123px;
		left: 50px;
	}

.gvg-link-block-9003-1 {
	width: 157px;
	height: 70px;
	position: absolute;
	top: 288px;
	left: 80px;
	-webkit-box-sizing: border-box;
}

	.gvg-link-block-9003-1 .gvg-link-baloon.mbgaui-widget-anchors,
	.gvg-link-block-9003-1 .gvg-link-baloon.mbgaui-active {
		width: 61px;
		height: 66px;
		position: absolute;
		background-image: url("../i/event_common/sprite_event.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}

	.gvg-link-block-9003-1 .gvg-link-baloon.mbgaui-widget-anchors { background-position: 0 -476px; }
	.gvg-link-block-9003-1 .gvg-link-baloon.mbgaui-active { background-position: -64px -476px; }

	.gvg-link-block-9003-1 .gvg-link-baloon {
		top: -47px;
		left: 54px;
	}
	
.gvg-link-block-9003-2 {
	width: 157px;
	height: 70px;
	position: absolute;
	top: 157px;
	left: 26px;
	-webkit-box-sizing: border-box;
}

	.gvg-link-block-9003-2 .gvg-link-baloon.mbgaui-widget-anchors,
	.gvg-link-block-9003-2 .gvg-link-baloon.mbgaui-active {
		width: 61px;
		height: 66px;
		position: absolute;
		background-image: url("../i/event_common/sprite_event.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}

	.gvg-link-block-9003-2 .gvg-link-baloon.mbgaui-widget-anchors { background-position: 0 -544px; }
	.gvg-link-block-9003-2 .gvg-link-baloon.mbgaui-active { background-position: -64px -544px; }

	.gvg-link-block-9003-2 .gvg-link-baloon {
		top: -59px;
		left: 63px;
	}
	
.gvg-link-block-9003-3 {
	width: 157px;
	height: 70px;
	position: absolute;
	top: 148px;
	left: 162px;
	-webkit-box-sizing: border-box;
}

	.gvg-link-block-9003-3 .gvg-link-baloon.mbgaui-widget-anchors,
	.gvg-link-block-9003-3 .gvg-link-baloon.mbgaui-active {
		width: 61px;
		height: 66px;
		position: absolute;
		background-image: url("../i/event_common/sprite_event.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 1550px;
		z-index: 4;
	}

	.gvg-link-block-9003-3 .gvg-link-baloon.mbgaui-widget-anchors { background-position: -128px -476px; }
	.gvg-link-block-9003-3 .gvg-link-baloon.mbgaui-active { background-position: -192px -476px; }

	.gvg-link-block-9003-3 .gvg-link-baloon {
		top: -67px;
		left: 38px;
	}

.vgauge-gvg-wrap {
	width: 10px;
	height: 50px;
	position: absolute;
	top: 10px;
	right: 9px;
	background-image: url("../i/common/sprite_vertical.png");
	background-repeat: repeat-y;
	background-position: 0 0;
	-webkit-background-size: 320px 100%;
	z-index: 301;
}

	.unit .vgauge-gvg-wrap:before {
		width: 25px;
		height: 25px;
		content: "";
		display: block;
		position: absolute;
		top: -22px;
		left: -7px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -184px -344px;
		-webkit-background-size: 320px 388px;
		z-index: 1;
	}
	
	.castle .vgauge-gvg-wrap:before {
		width: 25px;
		height: 25px;
		content: "";
		display: block;
		position: absolute;
		top: -24px;
		left: -8px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -156px -344px;
		-webkit-background-size: 320px 388px;
		z-index: 1;
	}
	
	.gvg-header-point-num1.mbgaui-widget-anchors { opacity: 1.0; }
	.gvg-header-point-num1.mbgaui-active { opacity: 0.5; }
	.gvg-header-point-num2.mbgaui-widget-anchors { opacity: 1.0; }
	.gvg-header-point-num2.mbgaui-active { opacity: 0.5; }
	.gvg-header-point-num3.mbgaui-widget-anchors { opacity: 1.0; }
	.gvg-header-point-num3.mbgaui-active { opacity: 0.5; }

	.boss .vgauge-gvg-wrap:before {
		width: 25px;
		height: 25px;
		content: "";
		display: block;
		position: absolute;
		top: -22px;
		left: -7px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -280px -344px;
		-webkit-background-size: 320px 388px;
		z-index: 1;
	}

	.vgauge-gvg-wrap-inner {
		width: 10px;
		height: 50px;
		position: relative;
	}

		.vgauge-gvg-wrap-inner:before {
			width: 10px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			top: -2px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -88px;
			-webkit-background-size: 320px 1550px;
		}

		.vgauge-gvg-wrap-inner:after {
			width: 10px;
			height: 2px;
			content: "";
			display: block;
			position: absolute;
			bottom: -2px;
			left: 0;
			-webkit-box-sizing: border-box;
			background-image: url("../i/common/sprite.png");
			background-repeat: no-repeat;
			background-position: -288px -96px;
			-webkit-background-size: 320px 1550px;
		}

	.unit .vgauge-gvg {
		width: 6px;
		position: absolute;
		bottom: 0;
		left: 2px;
		background-image: url("../i/common/sprite_vertical.png");
		background-repeat: repeat-y;
		background-position: -12px 0;
		-webkit-background-size: 320px 100%;
		z-index: 1;
	}
	
	.unit .vgauge-gvg2 {
		width: 6px;
		position: absolute;
		bottom: 0;
		left: 2px;
		background-image: url("../i/common/sprite_vertical.png");
		background-repeat: repeat-y;
		background-position: -28px 0;
		-webkit-background-size: 320px 100%;
	}
	
		.unit-edge {
			width: 69px;
			height: 34px;
			text-align: center;
			position: absolute;
			left: 20px;
			-webkit-border-radius: 3px;
			background: rgba(229,65,0,0.7);
		}
		
			.unit-edge:before {
				content: "";
				display: block;
				position: absolute;
				top: 13px;
				left: -7px;
				border-right: 8px solid rgba(229,65,0,0.7);
				border-top: 4px solid transparent;
				border-bottom: 4px solid transparent;
			}
		
			.unit-edge dt {
				width: 69px;
				height: 14px;
				font-size: 0.9rem;
				color: #5e0000;
				line-height: 14px;
				font-weight: bold;
				text-align: center;
			}
			
			.unit-edge dd {
				margin: 0 auto;
				height: 18px;
				padding: 0 0 0 14px;
				font-size: 1.1rem;
				color: #ffffff;
				line-height: 18px;
				font-weight: bold;
				text-align: center;
				display: inline-block;
				position: relative;
			}
			
				.unit-edge dd:before {
					width: 14px;
					height: 14px;
					content: "";
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					-webkit-box-sizing: border-box;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					background-position: -180px -360px;
					-webkit-background-size: 320px 1550px;
				}
	
	.castle .vgauge-gvg {
		width: 6px;
		position: absolute;
		bottom: 0;
		left: 2px;
		background-image: url("../i/common/sprite_vertical.png");
		background-repeat: repeat-y;
		background-position: -20px 0;
		-webkit-background-size: 320px 100%;
	}
	
	.boss .vgauge-gvg {
		width: 6px;
		position: absolute;
		bottom: 0;
		left: 2px;
		background-image: url("../i/common/sprite_vertical.png");
		background-repeat: repeat-y;
		background-position: -36px 0;
		-webkit-background-size: 320px 100%;
	}
	
.vgauge-gvg-num {
	width: 29px;
	height: 24px;
	position: absolute;
	top: 63px;
	right: 0;
}

	.unit .vgauge-gvg-num .st {
		font-size: 1.1rem;
		color: #1fdae5;
		line-height: 12px;
		font-weight: bold;
		text-align: center;
	}
	
	.castle .vgauge-gvg-num .st {
		font-size: 1.1rem;
		color: #ffde00;
		line-height: 12px;
		font-weight: bold;
		text-align: center;
	}
	
	.vgauge-gvg-num .num {
		font-size: 1.0rem;
		color: #ffffff;
		line-height: 12px;
		font-weight: bold;
		text-align: center;
	}
	
	.unit .vgauge-gvg-num .num {
		width: 28px;
		height: 12px;
		font-size: 1.0rem;
		color: #1fe0ed;
		line-height: 10px;
		font-weight: bold;
		text-align: center;
		-webkit-border-radius: 2px;
		background: rgba(0,0,0,0.5);
	}
	
.gvg-bottom-menu {
	width: 320px;
	height: 51px;
	position: absolute;
	left: 0;
	bottom: 0;
}

	.gvg-bottom-menu-s3,
	.gvg-bottom-menu-s4 {
		width: 52px;
		height: 51px;
		position: absolute;
	}
	
	.gvg-bottom-menu-s3 { left: 212px; }
	.gvg-bottom-menu-s4 { left: 262px; }

	.gvg-bottom-menu-s3 .mbgaui-widget-anchors,
	.gvg-bottom-menu-s4 .mbgaui-widget-anchors,
	.gvg-bottom-menu-s3 .mbgaui-active,
	.gvg-bottom-menu-s4 .mbgaui-active,
	.gvg-bottom-menu-s3 .mbgaui-disabled,
	.gvg-bottom-menu-s4 .mbgaui-disabled {
		margin: 0 0 0 8px;
		width: 39px;
		height: 39px;
		text-decoration: none;
		display: block;
		position: relative;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		-webkit-background-size: 320px 388px;
	}

	.gvg-bottom-menu-s3 .mbgaui-widget-anchors,
	.gvg-bottom-menu-s4 .mbgaui-widget-anchors {
		background-position: -44px -36px;
	}

	.gvg-bottom-menu-s3 .mbgaui-active,
	.gvg-bottom-menu-s4 .mbgaui-active {
		background-position: -44px -76px;
	}

	.gvg-bottom-menu-s3 .mbgaui-disabled,
	.gvg-bottom-menu-s4 .mbgaui-disabled {
		background-position: -44px -36px;
		opacity: 0.4;
	}
	
	.gvg-bottom-menu div p {
		font-size: 0.9rem;
		color: #ffffff;
		line-height: 10px;
		text-align: center;
	}
	
.gvg-bottom-hukidashi {
	width: 148px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 110px;
	-webkit-border-radius: 3px;
	background: rgba(0,0,0,0.3);
}

	.gvg-bottom-hukidashi:before {
		content: "";
		display: block;
		position: absolute;
		top: 15px;
		right: -7px;
		border-left: 7px solid rgba(0,0,0,0.3);
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}
	
	.gvg-bottom-hukidashi-cap {
		margin: 0 0 0 42px;
		padding: 2px 0;
		width: 104px;
		height: 46px;
		position: absolute;
		word-wrap: break-word;
	}
		
		.battle-user-info-cap-comment {
			width: 104px;
			height: 26px;
			font-size: 1.0rem;
			color: #ffffff;
			line-height: 13px;
		}
		
		.gvg-bottom-hukidashi-cap-name {
			padding: 0 0 0 42px;
			width: 144px;
			height: 14px;
			font-size: 1.0rem;
			color: #8ed6ec;
			line-height: 15px;
			position: absolute;
			left: -42px;
			bottom: 6px;
			-webkit-box-sizing: border-box;
			background: -webkit-gradient(linear,left top,right top,from(rgba(8,34,56,0.0)),color-stop(0.2,rgba(8,34,56,1.0)),to(rgba(8,34,56,1.0)));
		}

.gvg-bottom-hukidashi2 {
	width: 148px;
	height: 46px;
	position: absolute;
	top: 0;
	left: 60px;
	display: table;
	-webkit-border-radius: 3px;
	background: rgba(0,0,0,0.3);
}

	.gvg-bottom-hukidashi2:before {
		content: "";
		display: block;
		position: absolute;
		top: 15px;
		right: -7px;
		border-left: 7px solid rgba(0,0,0,0.3);
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}
	
	.gvg-bottom-hukidashi2 p {
		padding: 0 8px;
		font-size: 1.0rem!important;
		color: #c8c8c8!important;
		line-height: 16px!important;
		text-align: center!important;
		vertical-align: middle;
		display: table-cell;
	}

.gvg-edge-baloon1-1 {
	padding: 27px 28px 0 0;
	width: 86px;
	height: 53px;
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: right;
	position: absolute;
	top: 37px;
	right: -82px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_boss_edge1.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 86px 53px;
}

.gvg-edge-baloon1-1-value {
	padding: 15px 0 0 0px;
	width: 86px;
	height: 53px;
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: 19px;
	right: 0px;
}

.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;
}

.gvg-edge-baloon1-2 {
	padding: 16px 0 0 4px;
	width: 86px;
	height: 53px;
	font-size: 1.6rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: 37px;
	right: -82px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_boss_edge2.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 86px 53px;
}

.gvg-edge-baloon1-3 {
	padding: 16px 0 0 4px;
	width: 87px;
	height: 37px;
	font-size: 1.6rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: 37px;
	right: -82px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_boss_edge3.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 85px 37px;
}

.gvg-edge-baloon1-3-defeat-num {
	padding: 15px 0 0 0px;
	width: 86px;
	height: 53px;
	font-size: 1.1rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: -14px;
	right: 28px;
}

.gvg-edge-baloon1-3-next-edge {
	padding: 16px 0 0 4px;
	width: 86px;
	height: 53px;
	font-size: 1.2rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: 2px;
	right: -5px;
}

.gvg-edge-baloon2 {
	padding: 25px 12px 0 0;
	width: 79px;
	height: 47px;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: 116px;
	left: 52px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_boss_edge.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 79px 47px;
}

.gvg-edge-baloon3 {
	width: 79px;
	height: 47px;
	position: absolute;
	top: 116px;
	left: 52px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_cs_edge.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 79px 47px;
}

.gvg-edge-baloon4 {
	padding: 25px 12px 0 0;
	width: 79px;
	height: 47px;
	font-size: 1.4rem;
	color: #ffffff;
	line-height: 12px;
	font-family: DotFont;
	text-align: center;
	position: absolute;
	top: 116px;
	left: -28px;
	-webkit-box-sizing: border-box;
	background-image: url("../i/event_common/gvg_castle_edge.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 79px 47px;
}

/* Event GvG Battle result dialog
----------------------------------------------------------------*/
.gvg-dialog-battle-count {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 261px;
	height: 36px;
	display: -webkit-box;
}

	.gvg-dialog-battle-count li {
		width: 87px;
		height: 36px;
		font-size: 1.3rem;
		color: #ababab;
		line-height: 36px;
		font-family: DotFont;
		text-align: center;
		position: relative;
	}
	
	.battle1.gvg-dialog-battle-count li.count1,
	.battle2.gvg-dialog-battle-count li.count2,
	.battle3.gvg-dialog-battle-count li.count3 {
		color: #b33e15;
	}
	
	.battle1.gvg-dialog-battle-count li.count2,
	.battle1.gvg-dialog-battle-count li.count3,
	.battle2.gvg-dialog-battle-count li.count3 {
		color: #303030;
	}
	
	.battle2.gvg-dialog-battle-count li.count1:before,
	.battle3.gvg-dialog-battle-count li.count1:before,
	.battle3.gvg-dialog-battle-count li.count2:before,
	.battle4.gvg-dialog-battle-count li.count1:before,
	.battle4.gvg-dialog-battle-count li.count2:before,
	.battle4.gvg-dialog-battle-count li.count3:before {
		width: 30px;
		height: 20px;
		content: "";
		display: block;
		position: absolute;
		top: -12px;
		left: 30px;
		-webkit-box-sizing: border-box;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -124px -344px;
		-webkit-background-size: 320px 388px;
	}
	
	.gvg-dialog-battle-count-gauge,
	.gvg-dialog-battle-count-gauge2 {
		margin: 0 auto 18px;
		width: 174px;
		height: 6px;
		position: relative;
		background: #b3b3b3;
	}
	
		.gvg-dialog-battle-count-gauge-inner,
		.gvg-dialog-battle-count-gauge-inner2 {
			height: 6px;
			position: relative;
			background: #b23200;
		}
		
		.battle1 .gvg-dialog-battle-count-gauge-inner { width: 0; }
		.battle2 .gvg-dialog-battle-count-gauge-inner { width: 87px; }
		.battle3 .gvg-dialog-battle-count-gauge-inner { width: 174px; }
	
		.gvg-dialog-battle-count-gauge-inner:before {
			content: "";
			display: block;
			position: absolute;
			top: 12px;
			right: -11px;
			border-bottom: 12px solid #b23200;
			border-left: 11px solid transparent;
			border-right: 11px solid transparent;
		}
		
		.gvg-dialog-battle-result {
			width: 185px;
			height: 150px;
			display: block;
			position: absolute;
			top: 72px;
			left: 57px;
			-webkit-box-sizing: border-box;
			background-image: url("../i/event_common/gvg_dialog_pic01.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 185px 150px;
		}
	
	.gvg-dialog-bottom-enemy {
		width: 302px;
		height: 100px;
		display: -webkit-box;
		-webkit-box-pack: center;
		position: relative;
		background: #b23200;
	}
	
		.gvg-dialog-bottom-enemy-block {
			padding: 13px 0 0;
			width: 86px;
			height: 100px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
	
	.gvg-area-info-img-shadow {
		width: 34px;
		height: 34px;
		position: absolute;
		top: -25px;
		left: 3px;
		z-index: 53;
	}

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

		.gvg-area-info-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;
		}

		.gvg-area-info-img {
			width: 34px;
			height: 34px;
			position: absolute;
			top: 2px;
			left: 2px;
			background: #113757;
			z-index: 53;
		}
		
			.gvg-area-info-img a {
				width: 34px;
				height: 34px;
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				-webkit-box-sizing: border-box;
				border: #2b5c85 solid 2px;
			}

			.gvg-area-info-img .img-inner {
				width: 34px;
				height: 34px;
				display: block;
				position: absolute;
				top: -2px;
				left: -2px;
				-webkit-box-sizing: border-box;
				border: #2b5c85 solid 2px;
			}

	.gvg-area-info-img:after {
		width: 19px;
		height: 10px;
		content: "";
		display: block;
		position: absolute;
		top: 32px;
		left: 3px;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -44px -116px;
		-webkit-background-size: 320px 388px;
	}
	
	.gvg-dialog-bottom-area {
		width: 302px;
		height: 48px;
		position: absolute;
		bottom: 43px;
		left: 0;
	}
				
		.gvg-dialog-bottom-num {
			margin: 0 auto;
			width: 300px;
			height: 48px;
			display: -webkit-box;
			-webkit-box-pack: center;
		}
		
			.gvg-dialog-bottom-num .left {
				width: 210px;
				height: 48px;
				font-size: 1.4rem;
				color: #444444;
				line-height: 48px;
				font-weight: bold;
				text-align: right;
				position: relative;
				
			}
			
			.gvg-dialog-bottom-num .right {
				margin: 0 0 0 10px;
				width: 80px;
				height: 48px;
				font-size: 1.4rem;
				color: #b23200;
				line-height: 48px;
				font-weight: bold;
				text-align: left;
				position: relative;
			}
		
		.gvg-dialog-bottom-cap {
			margin: 0 auto;
			width: 300px;
			height: 48px;
			font-size: 1.4rem;
			color: #b23200;
			line-height: 48px;
			font-weight: bold;
			text-align: center;
		}
		
/* Event GvG battle portal
----------------------------------------------------------------*/
.gvg-battle-portal-body {
	width: 320px;
	height: 440px;
	position: absolute;
	top: 40px;
	left: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	-webkit-background-size: 320px 385px;
}

	.gvg-battle-portal-body.bg-9001-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg01.png"); }
	.gvg-battle-portal-body.bg-9001-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg02.png"); }
	.gvg-battle-portal-body.bg-9001-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg03.png"); }
	
	.gvg-battle-portal-body.bg-9002-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9002-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9002-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }
	
	.gvg-battle-portal-body.bg-9003-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9003-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9003-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }
	
	.gvg-battle-portal-body.bg-9004-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9004-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9004-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }
	
	.gvg-battle-portal-body.bg-9005-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05_winter.png"); }
	.gvg-battle-portal-body.bg-9005-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06_winter.png"); }
	.gvg-battle-portal-body.bg-9005-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07_winter.png"); }

	.gvg-battle-portal-body.bg-9006-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05_anni.png"); }
	.gvg-battle-portal-body.bg-9006-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06_anni.png"); }
	.gvg-battle-portal-body.bg-9006-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07_anni.png"); }
	
	.gvg-battle-portal-body.bg-9007-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9007-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9007-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9008-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9008-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9008-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9009-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9009-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9009-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9010-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9010-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9010-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9011-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9011-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9011-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9012-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05_dark.png"); }
	.gvg-battle-portal-body.bg-9012-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06_dark.png"); }
	.gvg-battle-portal-body.bg-9012-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07_dark.png"); }

	.gvg-battle-portal-body.bg-9013-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9013-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9013-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9014-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9014-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9014-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9015-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05.png"); }
	.gvg-battle-portal-body.bg-9015-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06.png"); }
	.gvg-battle-portal-body.bg-9015-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07.png"); }

	.gvg-battle-portal-body.bg-9016-1 { background-image: url("../i/event_common/bg_gvg/gvg_bg05_winter.png"); }
	.gvg-battle-portal-body.bg-9016-2 { background-image: url("../i/event_common/bg_gvg/gvg_bg06_winter.png"); }
	.gvg-battle-portal-body.bg-9016-3 { background-image: url("../i/event_common/bg_gvg/gvg_bg07_winter.png"); }
	/*
	.gvg-battle-portal-body:before {
		width: 320px;
		height: 242px;
		content: "";
		display: block;
		position: absolute;
		top: 103px;
		left: 0;
		background-image: url("../i/event_common/gvg_road.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 320px 242px;
	}
	*/
	
	.gvg-battle-portal-start {
		width: 71px;
		height: 19px;
		position: absolute;
		top: 111px;
		left: 5px;
		background-image: url("../i/event_common/gvg_start.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 71px 19px;
	}
	
	.gvg-battle-portal-goal {
		width: 73px;
		height: 23px;
		position: absolute;
		top: 323px;
		left: 244px;
		background-image: url("../i/event_common/gvg_goul.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 73px 23px;
	}
	
	.gvg-battle-portal-char-my-img {
		width: 100px;
		height: 75px;
		position: absolute;
		top: 33px;
		left: 0;
	}
	
	.gvg-battle-header-cap {
		height: 25px;
		font-size: 1.4rem;
		line-height: 25px;
		font-weight: bold;
		text-align: center;
		position: relative;
		background: rgba(0,0,0,0.3);
		overflow: hidden
	}
	
		.gvg-battle-header-cap span {
			position: relative;
			z-index: 1;
		}
		
		.bg-9002-1 .gvg-battle-header-cap span { color: #a2ff00; }
		.bg-9002-2 .gvg-battle-header-cap span { color: #fff83c; }
		.bg-9002-3 .gvg-battle-header-cap span { color: #ff4200; }
		
		.bg-9003-1 .gvg-battle-header-cap span { color: #a2ff00; }
		.bg-9003-2 .gvg-battle-header-cap span { color: #fff83c; }
		.bg-9003-3 .gvg-battle-header-cap span { color: #ff4200; }
		
		.bg-9004-1 .gvg-battle-header-cap span { color: #a2ff00; }
		.bg-9004-2 .gvg-battle-header-cap span { color: #fff83c; }
		.bg-9004-3 .gvg-battle-header-cap span { color: #ff4200; }
		
		.bg-9005-1 .gvg-battle-header-cap span { color: #a2ff00; }
		.bg-9005-2 .gvg-battle-header-cap span { color: #fff83c; }
		.bg-9005-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9006-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9006-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9006-3 .gvg-battle-header-cap span { color: #ff4200; }

		.bg-9007-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9007-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9007-3 .gvg-battle-header-cap span { color: #ff4200; }

		.bg-9008-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9008-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9008-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9009-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9009-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9009-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9010-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9010-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9010-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9011-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9011-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9011-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9012-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9012-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9012-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9013-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9013-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9013-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9014-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9014-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9014-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9015-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9015-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9015-3 .gvg-battle-header-cap span { color: #ff4200; }

        .bg-9016-1 .gvg-battle-header-cap span { color: #a2ff00; }
        .bg-9016-2 .gvg-battle-header-cap span { color: #fff83c; }
        .bg-9016-3 .gvg-battle-header-cap span { color: #ff4200; }

		.gvg-battle-header-cap-left {
			width: 320px;
			height: 25px;
			font-size: 1.4rem;
			color: #ffe400;
			line-height: 25px;
			font-weight: bold;
			text-align: center;
			position: absolute;
			left: -160px;
			top: 0;
			opacity: 0.5;
		}
		
		.bg-9002-1 .gvg-battle-header-cap-right { color: #fff83c; }
		.bg-9002-2 .gvg-battle-header-cap-left { color: #a2ff00; }
		.bg-9002-2 .gvg-battle-header-cap-right { color: #ff4200; }
		.bg-9002-3 .gvg-battle-header-cap-left { color: #fff83c; }
		
		.bg-9003-1 .gvg-battle-header-cap-right { color: #fff83c; }
		.bg-9003-2 .gvg-battle-header-cap-left { color: #a2ff00; }
		.bg-9003-2 .gvg-battle-header-cap-right { color: #ff4200; }
		.bg-9003-3 .gvg-battle-header-cap-left { color: #fff83c; }
		
		.bg-9004-1 .gvg-battle-header-cap-right { color: #fff83c; }
		.bg-9004-2 .gvg-battle-header-cap-left { color: #a2ff00; }
		.bg-9004-2 .gvg-battle-header-cap-right { color: #ff4200; }
		.bg-9004-3 .gvg-battle-header-cap-left { color: #fff83c; }

		.bg-9005-1 .gvg-battle-header-cap-right { color: #fff83c; }
		.bg-9005-2 .gvg-battle-header-cap-left { color: #a2ff00; }
		.bg-9005-2 .gvg-battle-header-cap-right { color: #ff4200; }
		.bg-9005-3 .gvg-battle-header-cap-left { color: #fff83c; }
		
        .bg-9006-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9006-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9006-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9006-3 .gvg-battle-header-cap-left { color: #fff83c; }

		.bg-9007-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9007-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9007-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9007-3 .gvg-battle-header-cap-left { color: #fff83c; }

		.bg-9008-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9008-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9008-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9008-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9009-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9009-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9009-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9009-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9010-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9010-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9010-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9010-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9011-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9011-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9011-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9011-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9012-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9012-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9012-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9012-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9013-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9013-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9013-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9013-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9014-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9014-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9014-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9014-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9015-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9015-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9015-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9015-3 .gvg-battle-header-cap-left { color: #fff83c; }

        .bg-9016-1 .gvg-battle-header-cap-right { color: #fff83c; }
        .bg-9016-2 .gvg-battle-header-cap-left { color: #a2ff00; }
        .bg-9016-2 .gvg-battle-header-cap-right { color: #ff4200; }
        .bg-9016-3 .gvg-battle-header-cap-left { color: #fff83c; }

		.gvg-battle-header-cap-right {
			width: 320px;
			height: 25px;
			font-size: 1.4rem;
			color: #ffe400;
			line-height: 25px;
			font-weight: bold;
			text-align: center;
			position: absolute;
			right: -160px;
			top: 0;
			opacity: 0.5;
		}
	
	.gvg-battle-enemy1 {
		width: 135px;
		height: 60px;
		position: absolute;
		top: 30px;
		left: 92px;
	}
	
	.gvg-battle-enemy2 {
		width: 175px;
		height: 72px;
		position: absolute;
		top: 93px;
		left: 72px;
	}
	
	.gvg-battle-enemy3 {
		width: 262px;
		height: 100px;
		position: absolute;
		top: 166px;
		left: 29px;
	}
	
		.gvg-battle-enemy1 .gvg-battle-enemy-player {
			margin: 0 0 0 10px;
			height: 22px;
			position: relative;
		}
		
		.gvg-battle-enemy2 .gvg-battle-enemy-player {
			margin: 0 0 0 15px;
			height: 24px;
			position: relative;
		}
		
		.gvg-battle-enemy3 .gvg-battle-enemy-player {
			margin: 0 0 0 20px;
			height: 26px;
			position: relative;
		}
		
			.gvg-battle-enemy-player-img-fix {
				top: 2px!important;
				left: 2px!important;
			}
		
			.gvg-battle-enemy-player-name {
				height: 22px;
				color: #ffffff;
				line-height: 18px;
				display: inline-block;
				position: absolute;
				top: 0;
				left: 28px;
				white-space: nowrap;
			}
			
			.gvg-battle-enemy1 .gvg-battle-enemy-player-name { font-size: 1.1rem; }
			.gvg-battle-enemy2 .gvg-battle-enemy-player-name { font-size: 1.2rem; }
			.gvg-battle-enemy3 .gvg-battle-enemy-player-name { font-size: 1.3rem; }
	
	.gvg-battle-enemy1 .gvg-battle-enemy-img-area {
		width: 135px;
		height: 38px;
		display: -webkit-box;
		-webkit-box-pack: center;
	}
	
		.gvg-battle-enemy1 .gvg-battle-enemy-img-block {
			width: 42px;
			height: 38px;
			position: relative;
		}
		
	.gvg-battle-enemy2 .gvg-battle-enemy-img-area {
		width: 175px;
		height: 48px;
		display: -webkit-box;
		-webkit-box-pack: center;
	}
	
		.gvg-battle-enemy2 .gvg-battle-enemy-img-block {
			width: 54px;
			height: 48px;
			position: relative;
		}
		
	.gvg-battle-enemy3 .gvg-battle-enemy-img-area {
		width: 262px;
		height: 74px;
		display: -webkit-box;
		-webkit-box-pack: center;
	}
	
		.gvg-battle-enemy3 .gvg-battle-enemy-img-block {
			width: 82px;
			height: 74px;
			position: relative;
		}
		
		.gvg-battle-enemy-img-block-fla {
			width: 93px;
			height: 93px;
			position: absolute;
			top: -10px;
			left: -5px;
			background-image: url("../i/event_common/gvg_3boos_thumbnaileff.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 93px 93px;
		}
	
	.gvg-battle-bp-gauge-fix {
		position: absolute!important;
		top: 349px!important;
		left: 123px!important;
	}
	
	.gvg-battle-bp-gauge-fix2 {
		position: absolute!important;
		top: 389px!important;
		left: 123px!important;
	}

	.gvg-pager-left-arr,
	.gvg-pager-right-arr {
		width: 44px;
		height: 63px;
		position: absolute;
		top: 280px;
	}

	.gvg-pager-left-arr { left: 10px; }
	.gvg-pager-right-arr { right: 10px; }

		.gvg-pager-left-arr a.mbgaui-widget-anchors,
		.gvg-pager-left-arr a.mbgaui-active {
			width: 44px;
			height: 63px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("../i/event_common/arr_b_2.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 44px 63px;
		}
		
		.gvg-pager-right-arr a.mbgaui-widget-anchors,
		.gvg-pager-right-arr a.mbgaui-active {
			width: 44px;
			height: 63px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			background-image: url("../i/event_common/arr_b_1.png");
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-background-size: 44px 63px;
		}

		.gvg-pager-left-arr a.mbgaui-widget-anchors,
		.gvg-pager-right-arr a.mbgaui-widget-anchors {
			opacity: 1.0;
		}
		
		.gvg-pager-left-arr a.mbgaui-active,
		.gvg-pager-right-arr a.mbgaui-active {
			opacity: 0.5;
		}
		
		
	.gvg-pager-right-arr-b {
		width: 44px;
		height: 63px;
		position: absolute;
		top: 149px;
		right: -7px;
		z-index: 99;
	}

		.gvg-pager-right-arr-b a.mbgaui-widget-anchors,
		.gvg-pager-right-arr-b a.mbgaui-active {
			width: 44px;
			height: 63px;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.gvg-pager-right-arr-b a.mbgaui-widget-anchors:before,
		.gvg-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;
		}

		.gvg-pager-right-arr-b a.mbgaui-widget-anchors:before { opacity: 1.0; }
		.gvg-pager-right-arr-b a.mbgaui-active:before { opacity: 0.6; }


	.footer-btn-popup-gvg-fix {
		top: -24px!important;
		left: 18px!important;
	}
	
/* Event GvG unit portal
----------------------------------------------------------------*/
.gvg-battle-area {
	height: 221px;
	position: relative;
	top: 40px;
}

.gvg-battle-area-bottom {
	width: 320px;
	height: 159px;
	display: -webkit-box;
}

	.gvg-battle-area-reward {
		top: 54px;
		position: absolute;
		margin: 0 0 0 9px;
		width: 148px;
		height: 70px;
		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;
	}
	
	.gvg-battle-area-reward-title {
		width: 144px;
		height: 20px;
		display: -webkit-box;
	}
	
		.gvg-battle-area-reward-title .left {
			width: 100px;
			height: 20px;
			font-size: 1.0rem;
			color: #747474;
			line-height: 14px;
			font-weight: bold;
			text-indent: 3px;
		}
		
		.gvg-battle-area-reward-title .right {
			padding: 2px 0 0 4px;
			width: 44px;
			height: 20px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-battle-area-reward-q-btn {
				width: 37px;
				height: 16px;
				font-size: 1.0rem;
				color: #9c9c9c;
				line-height: 16px;
				font-family: DotFont;
				text-align: center;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -112px -320px;
				-webkit-background-size: 320px 1550px;
			}
			
			.gvg-battle-area-reward-q-btn.mbgaui-widget-anchors { opacity: 1.0; }
			.gvg-battle-area-reward-q-btn.mbgaui-active { opacity: 0.5; }
			
	.gvg-battle-area-reward-block {
		margin: 0 7px;
		padding: 6px 0;
		width: 130px;
		height: 50px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
	}
	
	.gvg-battle-area-reward-block:nth-of-type(2) { border-bottom: rgba(0,0,0,0.4) solid 1px; }
	.gvg-battle-area-reward-block:nth-of-type(3) { border-top: rgba(255,255,255,0.1) solid 1px; }
	
		.gvg-battle-area-reward-block-right {
			margin: 0 0 0 4px;
			width: 90px;
			height: 50px;
		}
		
			.gvg-battle-area-reward-block-right .top {
				font-size: 1.3rem;
				color: #ffffff;
				line-height: 16px;
				font-weight: bold;
			}
			
			.gvg-battle-area-reward-block-right .bottom {
				font-size: 1.3rem;
				line-height: 20px;
				text-align: right;
			}
			
	.gvg-battle-area-salvo {
		margin: 0 0 0 6px;
		width: 148px;
		height: 125px;
		position: absolute;
		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;
		left: 160px;
	}
	
		.unit-salvo-edge {
			width: 138px;
			height: 20px;
			display: -webkit-box;
			position: absolute;
			left: 3px;
			top: -20px;
			-webkit-border-radius: 3px;
			background: rgba(229,65,0,0.7);
		}
		
			.unit-salvo-edge:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -7px;
				left: 65px;
				border-top: 7px solid rgba(229,65,0,0.7);
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
			}
		
			.unit-salvo-edge dt {
				width: 69px;
				height: 20px;
				font-size: 0.9rem;
				color: #5e0000;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
			}
			
			.unit-salvo-edge dd {
				padding: 0 0 0 14px;
				width: 60px;
				height: 20px;
				font-size: 1.1rem;
				color: #ffffff;
				line-height: 20px;
				font-weight: bold;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
			
				.unit-salvo-edge dd:before {
					width: 14px;
					height: 14px;
					content: "";
					display: block;
					position: absolute;
					top: 2px;
					left: 0;
					-webkit-box-sizing: border-box;
					background-image: url("../i/event_common/sprite_event.png");
					background-repeat: no-repeat;
					background-position: -180px -360px;
					-webkit-background-size: 320px 1550px;
				}
				
				.unit-salvo-edge-baloon {
					-webkit-animation-name: unit-salvo-edge-baloon;
					-webkit-animation-duration: 1s;
					-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 unit-salvo-edge-baloon {
					from {
						-webkit-transform:translate(0px,0px);
					}
					45%{
						-webkit-transform:translate(0px,-5px);
					}
					99.9%,to {
						-webkit-transform:translate(0px,0px);
					}
				}
	
	.gvg-battle-area-salvo-title {
		width: 144px;
		height: 20px;
		display: -webkit-box;
	}
	
		.gvg-battle-area-salvo-title .left {
			width: 100px;
			height: 20px;
			font-size: 1.0rem;
			color: #ffd200;
			line-height: 14px;
			font-weight: bold;
			text-indent: 3px;
		}
		
		.gvg-battle-area-salvo-title .right {
			padding: 2px 0 0 4px;
			width: 44px;
			height: 20px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-battle-area-salvo-q-btn {
				width: 37px;
				height: 16px;
				font-size: 1.0rem;
				color: #9c9c9c;
				line-height: 16px;
				font-family: DotFont;
				text-align: center;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -112px -320px;
				-webkit-background-size: 320px 1550px;
			}
			
			.gvg-battle-area-salvo-q-btn.mbgaui-widget-anchors { opacity: 1.0; }
			.gvg-battle-area-salvo-q-btn.mbgaui-active { opacity: 0.5; }
	
	.nosalvo.gvg-battle-area-salvo-top {
		margin: 0 auto;
		width: 138px;
		height: 38px;
		display: -webkit-box;
		position: relative;
		-webkit-border-radius: 5px;
		background: #292523;
	}

		.nosalvo .gvg-battle-area-salvo-top-left {
			padding: 1px 0 0;
			width: 58px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.nosalvo .gvg-battle-area-salvo-top-left:before {
				width: 20px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 3px;
				left: 56px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -88px -312px;
				-webkit-background-size: 320px 1550px;
			}
		
			.nosalvo .gvg-battle-area-salvo-top-left dt {
				font-size: 0.8rem;
				color: #8e8e8e;
				line-height: 10px;
				text-align: center;
				font-weight: bold;
			}
			
			.nosalvo .gvg-battle-area-salvo-top-left dd {
				font-size: 1.2rem;
				color: #8e8e8e;
				line-height: 14px;
				text-align: center;
				font-weight: bold;
			}
			
		.nosalvo .gvg-battle-area-salvo-top-right {
			margin: 0 0 0 14px;
			padding: 1px 0 0;
			width: 66px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.nosalvo .gvg-battle-area-salvo-top-right dt {
				font-size: 0.8rem;
				color: #8e8e8e;
				line-height: 10px;
				text-align: center;
				font-weight: bold;
			}
			
			.nosalvo .gvg-battle-area-salvo-top-right dd {
				font-size: 1.2rem;
				color: #8e8e8e;
				line-height: 14px;
				text-align: center;
				font-weight: bold;
			}

	.gvg-battle-area-salvo-top {
		margin: 0 auto;
		width: 138px;
		height: 38px;
		display: -webkit-box;
		position: relative;
		-webkit-border-radius: 5px;
		background: #ffee30;
	}
	
		.gvg-battle-area-salvo-top-limit {
			width: 43px;
			height: 12px;
			font-size: 1.0rem;
			color: #ffffff;
			line-height: 12px;
			font-weight: bold;
			text-align: center;
			position: absolute;
			top: 25px;
			left: 46px;
			-webkit-border-radius: 2px;
			background: rgba(0,0,0,0.5);
		}
		
		.gvg-battle-area-salvo-top-left {
			padding: 1px 0 0;
			width: 58px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-battle-area-salvo-top-left:before {
				width: 20px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 3px;
				left: 56px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -64px -312px;
				-webkit-background-size: 320px 1550px;
			}
		
			.gvg-battle-area-salvo-top-left dt {
				font-size: 0.8rem;
				color: #916300;
				line-height: 10px;
				text-align: center;
				font-weight: bold;
			}
			
			.gvg-battle-area-salvo-top-left dd {
				font-size: 1.2rem;
				color: #a13100;
				line-height: 14px;
				text-align: center;
				font-weight: bold;
			}
			
		.gvg-battle-area-salvo-top-right {
			margin: 0 0 0 14px;
			padding: 1px 0 0;
			width: 66px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-battle-area-salvo-top-right dt {
				font-size: 0.8rem;
				color: #916300;
				line-height: 10px;
				text-align: center;
				font-weight: bold;
			}
			
			.gvg-battle-area-salvo-top-right dd {
				font-size: 1.2rem;
				color: #ff3c00;
				line-height: 14px;
				text-align: center;
				font-weight: bold;
			}
	
	.gvg-battle-area-salvo-center {
		margin: 0 auto;
		padding: 8px 8px 8px 13px;
		width: 138px
		height: 25px;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-battle-area-salvo-center-gauge {
			width: 117px;
			height: 9px;
			background: #36322c;
			position: relative;
		}
		
		.gvg-battle-area-salvo-center-gauge-y {
			height: 9px;
			position: absolute;
			top: 0;
			left: 0;
			background: #ffee30;
			z-index: 1;
		}
		
			.gvg-battle-area-salvo-center-gauge-y:before {
				content: "";
				display: block;
				position: absolute;
				top: -8px;
				right: -4px;
				border-top: 8px solid #ffee30;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
			}
			
			.nosalvo .gvg-battle-area-salvo-center-gauge-y:before {
				content: "";
				display: block;
				position: absolute;
				top: -8px;
				right: -4px;
				border-top: 8px solid #292523!important;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
			}
		
		.gvg-battle-area-salvo-center-gauge-o {
			height: 9px;
			position: absolute;
			top: 0;
			left: 0;
			background: #e58c00;
		}
		
			.gvg-battle-area-salvo-center-gauge-o:before {
				content: "";
				display: block;
				position: absolute;
				bottom: -8px;
				right: -4px;
				border-bottom: 8px solid #e58c00;
				border-left: 4px solid transparent;
				border-right: 4px solid transparent;
			}
		
	.gvg-battle-area-salvo-bottom {
		margin: 0 auto;
		width: 138px;
		height: 33px;
		display: -webkit-box;
		position: relative;
		-webkit-border-radius: 5px;
		background: #e58c00;
	}
	
		.gvg-battle-area-salvo-bottom-left {
			padding: 4px 0 0;
			width: 58px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-battle-area-salvo-bottom-left:before {
				width: 20px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 12px;
				left: 56px;
				background-image: url("../i/common/sprite.png");
				background-repeat: no-repeat;
				background-position: -64px -312px;
				-webkit-background-size: 320px 1550px;
			}
		
			.gvg-battle-area-salvo-bottom-left dt {
				font-size: 0.8rem;
				color: #5e4000;
				line-height: 10px;
				text-align: center;
				font-weight: bold;
			}
			
			.gvg-battle-area-salvo-bottom-left dd {
				font-size: 1.2rem;
				color: #a13100;
				line-height: 14px;
				text-align: center;
				font-weight: bold;
			}
			
		.gvg-battle-area-salvo-bottom-right {
			margin: 0 0 0 14px;
			padding: 4px 0 0;
			width: 66px;
			height: 38px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-battle-area-salvo-bottom-right dt {
				font-size: 0.8rem;
				color: #5e4000;
				line-height: 10px;
				text-align: center;
				font-weight: bold;
			}
			
			.gvg-battle-area-salvo-bottom-right dd {
				font-size: 1.2rem;
				color: #e60000;
				line-height: 14px;
				text-align: center;
				font-weight: bold;
			}

/* Event GvG team portal
----------------------------------------------------------------*/
.gvg-team-portal-num-left {
	width: 132px;
	height: 26px;
	display: -webkit-box;
	position: absolute;
	top: 103px;
	left: 9px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.4);
}

	.gvg-team-portal-num-left-l {
		padding: 0 0 0 26px;
		width: 66px;
		height: 26px;
		font-size: 1.2rem;
		color: #ffb500;
		line-height: 26px;
		font-weight: bold;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.gvg-team-portal-num-left-r {
		padding: 0 0 0 26px;
		width: 66px;
		height: 26px;
		font-size: 1.2rem;
		color: #ffb500;
		line-height: 26px;
		font-weight: bold;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.gvg-team-portal-num-left:before {
		content: "";
		display: block;
		position: absolute;
		top: -8px;
		left: 48px;
		border-bottom: 8px solid rgba(0,0,0,0.4);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	
	.gvg-team-portal-num-cap {
		font-size: 0.8rem;
		color: #4e4e4e;
		line-height: 10px;
		position: absolute;
		top: -10px;
		left: 2px;
	}
	
.gvg-team-portal-num-right {
	width: 132px;
	height: 26px;
	display: -webkit-box;
	position: absolute;
	top: 103px;
	right: -150px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.4);
}

	.gvg-team-portal-num-right-l {
		padding: 0 0 0 26px;
		width: 66px;
		height: 26px;
		font-size: 1.2rem;
		color: #e64700;
		line-height: 26px;
		font-weight: bold;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
	.gvg-team-portal-num-right-r {
		padding: 0 0 0 26px;
		width: 66px;
		height: 26px;
		font-size: 1.2rem;
		color: #e64700;
		line-height: 26px;
		font-weight: bold;
		position: relative;
		-webkit-box-sizing: border-box;
	}

	.gvg-team-portal-num-right:before {
		content: "";
		display: block;
		position: absolute;
		top: -8px;
		right: 48px;
		border-bottom: 8px solid rgba(0,0,0,0.4);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
	
	.gvg-team-portal-num-left-l:after,
	.gvg-team-portal-num-right-l:after {
		width: 17px;
		height: 21px;
		content: "";
		display: block;
		position: absolute;
		top: 2px;
		left: 4px;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -288px -280px;
		-webkit-background-size: 320px 388px;
	}
	
	.gvg-team-portal-num-left-r:after,
	.gvg-team-portal-num-right-r:after {
		width: 18px;
		height: 15px;
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 4px;
		background-image: url("../i/common/sprite_retina.png");
		background-repeat: no-repeat;
		background-position: -280px -372px;
		-webkit-background-size: 320px 388px;
	}
	
/* Event GvG team portal
----------------------------------------------------------------*/
.gvg-promotion-rank-list-block {
	width: 49px;
	height: 49px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 49px 49px;
}

.gvg-promotion-rank-list-block-l {
	width: 98px;
	height: 98px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 98px 98px;
}

.gvg-promotion-rank-list-block1 { background-image: url("../i/gvg_host/host_7.png"); }
.gvg-promotion-rank-list-block2 { background-image: url("../i/gvg_host/host_6.png"); }
.gvg-promotion-rank-list-block3 { background-image: url("../i/gvg_host/host_5.png"); }
.gvg-promotion-rank-list-block4 { background-image: url("../i/gvg_host/host_4.png"); }
.gvg-promotion-rank-list-block5 { background-image: url("../i/gvg_host/host_3.png"); }
.gvg-promotion-rank-list-block6 { background-image: url("../i/gvg_host/host_2.png"); }
.gvg-promotion-rank-list-block7 { background-image: url("../i/gvg_host/host_1.png"); }

/* Event GvG popup
----------------------------------------------------------------*/
.gvg-popup {
	width: 302px;
	height: 420px;
	position: absolute;
	top: 30px;
	left: 9px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.9);
}

	.gvg-popup:before {
		width: 300px;
		height: 18px;
		content: "";
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
		background-image: url("../i/common/tekari.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		-webkit-background-size: 300px 18px;
	}
	
	.gvg-popup:after {
		width: 20px;
		height: 20px;
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		background-image: url("../i/common/sprite.png");
		background-repeat: no-repeat;
		background-position: -264px -24px;
		-webkit-background-size: 320px 1550px;
	}

	.gvg-popup-cap-up {
		margin: 0 9px;
		width: 284px;
		height: 28px;
		display: table;
	}

		.gvg-popup-cap-up p {
			font-size: 1.4rem;
			color: #ff3c00;
			line-height: 28px;
			font-family: DotFont;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

	.gvg-popup-img {
		width: 302px;
		height: 275px;
		position: relative;
	}

	.gvg-popup-cap-bottom {
		width: 290px;
		height: 112px;
		display: table;
		position: absolute;
		bottom: 6px;
		left: 6px;
		-webkit-box-sizing: border-box;
	}

		.gvg-popup-cap-bottom p {
			padding: 16px;
			font-size: 1.4rem;
			color: #ffffff;
			line-height: 18px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}
		
/* Event GvG dialog
----------------------------------------------------------------*/
.gvg-battle-dialog-img {
	margin: 8px auto 0;
	width: 290px;
	height: 63px;
	text-align: center;
	position: relative;
	border-bottom: #a69e93 solid 1px;
}

.gvg-point-dialog-block {
	margin: 0 auto;
	width: 290px;
	height: 155px;
	-webkit-box-sizing: border-box;
}
	
	.gvg-point-dialog-block li {
		width: 290px;
		height: 24px;
		display: -webkit-box;
		position: relative;
		-webkit-box-sizing: border-box;
		border-top: #e3e3e3 solid 1px;
		border-bottom: #a69e93 solid 1px;
	}
	
	.gvg-point-dialog-block li:nth-last-child(1) { border-bottom: none; }
	
		.gvg-point-dialog-block-left {
			padding: 0 0 0 33px;
			width: 195px;
			height: 24px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 24px;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-point-dialog-block-left-rate {
			padding: 0 0 0 33px;
			width: 195px;
			height: 24px;
			font-size: 1.3rem;
			color: #e26500;
			line-height: 24px;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-point-dialog-block-left-rate2 {
			padding: 0 0 0 33px;
			width: 195px;
			height: 24px;
			font-size: 1.3rem;
			color: #c82a00;
			line-height: 24px;
			-webkit-box-sizing: border-box;
		}
			
			.gvg-point-dialog-block-num {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 2px;
				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-point-dialog-block-num-salvo {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 2px;
				left: 8px;
				-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;
			}
			
			.gvg-point-dialog-block-num-nux {
				width: 18px;
				height: 18px;
				position: absolute;
				top: 2px;
				left: 7px;
				-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;
			}
			
		.gvg-point-dialog-block-right {
			width: 55px;
			height: 24px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 24px;
			font-weight: bold;
			text-align: right;
		}
		
		.gvg-point-dialog-block-right-pts {
			margin: 0 0 0 5px;
			width: 30px;
			height: 24px;
			font-size: 1.3rem;
			color: #3e2a24;
			line-height: 24px;
		}
		
		.gvg-point-dialog-block-right-rate {
			width: 55px;
			height: 24px;
			font-size: 1.3rem;
			color: #e26500;
			line-height: 24px;
			font-weight: bold;
			text-align: right;
		}
		
		.gvg-point-dialog-block-right-rate2 {
			width: 55px;
			height: 24px;
			font-size: 1.3rem;
			color: #c82a00;
			line-height: 24px;
			font-weight: bold;
			text-align: right;
		}
		
		.gvg-point-dialog-block-right-pts-rate {
			margin: 0 0 0 5px;
			width: 30px;
			height: 24px;
			font-size: 1.3rem;
			color: #e26500;
			line-height: 24px;
		}
		
		.gvg-point-dialog-block-right-pts-rate2 {
			margin: 0 0 0 5px;
			width: 30px;
			height: 24px;
			font-size: 1.3rem;
			color: #c82a00;
			line-height: 24px;
		}

.gvg-point-total-block {
	width: 290px;
	height: 76px;
	display: block;
	position: absolute;
	top: 183px;
	left: 7px;
	-webkit-box-sizing: border-box;
	border: #9c9387 solid 2px;
	background: #80715d;
}

	.gvg-point-total-block-top {
		margin: 0 8px;
		width: 270px;
		height: 30px;
		display: -webkit-box;
		-webkit-box-sizing: border-box;
		border-bottom: #71624e solid 1px;
	}
	
	.gvg-point-total-block-top-left {
		padding: 0 0 0 18px;
		width: 160px;
		height: 30px;
		font-size: 1.3rem;
		color: #513810;
		line-height: 30px;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-point-total-block-top-left:before {
			width: 18px;
			height: 18px;
			content: "";
			display: block;
			position: absolute;
			top: 7px;
			left: 0;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -212px -368px;
			-webkit-background-size: 320px 388px;
		}
	
	.gvg-point-total-block-top-right {
		width: 110px;
		height: 30px;
		font-size: 1.5rem;
		color: #513810;
		line-height: 35px;
		text-align: right;
		position: relative;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-point-total-block-top-right span {
			margin: 0 5px 0 0;
			font-weight: bold;
		}
	
	.gvg-point-total-block-bottom {
		margin: 0 8px;
		padding: 2px 0;
		width: 270px;
		height: 46px;
		-webkit-box-sizing: border-box;
		border-top: #8e8272 solid 1px;
	}

		.pvp-point-total-block-bottom-upper {
			padding: 0 0 0 18px;
			width: 270px;
			height: 18px;
			font-size: 1.3rem;
			color: #ffd800;
			line-height: 18px;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.pvp-point-total-block-bottom-upper:before {
				width: 18px;
				height: 18px;
				content: "";
				display: block;
				position: absolute;
				top: 2px;
				left: 0;
				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-bottom-lower {
			width: 270px;
			height: 18px;
			font-size: 1.5rem;
			color: #ffd800;
			line-height: 18px;
			text-align: right;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.pvp-point-total-block-bottom-lower span.bold {
				margin: 0 5px 0 0;
				font-weight: bold;
			}
			
			.pvp-point-total-block-bottom-lower span.plus {
				color: #513810;
			}

/* Event GvG win lose
----------------------------------------------------------------*/
.gvg-team-win-block,
.gvg-team-lose-block {
	width: 181px;
	height: 14px;
	content: "";
	display: block;
	position: absolute;
	top: 17px;
	left: -6px;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: 181px 14px;
	-webkit-transform: rotate(-6deg);
	z-index: 14;
	opacity: 0.7;
}

.gvg-team-win-block { background-image: url("../i/event_common/your-host-conquers.png"); }
.gvg-team-lose-block { background-image: url("../i/event_common/your-host-lose.png"); }

/* Event GvG tips parts
----------------------------------------------------------------*/
.gvg-tips-parts {
	margin: 0 0 8px;
	padding: 0 10px;
	width: 320px;
	height: 22px;
	display: -webkit-box;
	position: relative;
	left: -9px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

	.gvg-tips-parts li {
		width: 50px;
		height: 22px;
		font-size: 0.9rem;
		color: #6d6d6d;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
	}
	
.gvg-tips-parts7 {
	margin: 0 0 8px;
	padding: 0 2px 0 3px;
	width: 320px;
	height: 22px;
	display: -webkit-box;
	position: relative;
	left: -9px;
	-webkit-box-sizing: border-box;
	background: rgba(0,0,0,0.5);
}

	.gvg-tips-parts7 li {
		width: 45px;
		height: 22px;
		font-size: 0.9rem;
		color: #6d6d6d;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
	}

/* Event GvG user num
----------------------------------------------------------------*/
.gvg-user-num {
	width: 29px;
	height: 32px;
	position: absolute;
	-webkit-border-radius: 3px;
	background: rgba(0,0,0,0.3);
}

.gvg-user-num-left {
	left: 4px;
	top: 5px;
}

.gvg-user-num-right {
	right: 4px;
	top: 5px;
}

	.gvg-user-num-left:before {
		content: "";
		display: block;
		position: absolute;
		top: 12px;
		right: -7px;
		border-left: 7px solid rgba(0,0,0,0.3);
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
	}
	
	.gvg-user-num-right:before {
		content: "";
		display: block;
		position: absolute;
		top: 12px;
		left: -7px;
		border-right: 7px solid rgba(0,0,0,0.3);
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
	}
	
	.gvg-user-num-txt {
		padding: 14px 0 0;
		font-size: 1.0rem;
		color: #74d328;
		line-height: 18px;
		font-weight: bold;
		text-align: center;
	}
	
	.zero.gvg-user-num-txt {
		color: #696969!important;
	}
	
		.gvg-user-num-txt:before {
			width: 7px;
			height: 13px;
			content: "";
			display: block;
			position: absolute;
			top: 4px;
			left: 11px;
			background-image: url("../i/common/sprite_retina.png");
			background-repeat: no-repeat;
			background-position: -156px -372px;
			-webkit-background-size: 320px 388px;
		}
		
		.zero.gvg-user-num-txt:before {
			background-position: -168px -372px!important;
		}

/* Event GvG lank
----------------------------------------------------------------*/
.gvg-promo1,
.gvg-promo2,
.gvg-promo3,
.gvg-promo4 {
	padding: 0 6px;
	width: 186px;
	height: 18px;
	line-height: 18px;
	position: relative;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 3px;
}

.gvg-promo1 { background: rgba(221,151,0,1.0); }
.gvg-promo2 { background: rgba(129,101,41,1.0); }
.gvg-promo3 { background: rgba(50,50,50,1.0); }
.gvg-promo4 { background: rgba(79,39,39,1.0); }

	.gvg-promo1 span,
	.gvg-promo2 span,
	.gvg-promo3 span,
	.gvg-promo4 span {
		padding: 0 6px;
		width: 130px;
		height: 18px;
		font-size: 1.0rem;
		line-height: 18px;
		font-weight: bold;
		display: block;
		position: absolute;
		top: 0;
		right: 6px;
		-webkit-box-sizing: border-box;
		-webkit-border-radius: 3px;
	}

	.gvg-promo1 span { color: rgba(255,255,255,1.0); }
	.gvg-promo2 span { color: rgba(68,68,68,1.0); }
	.gvg-promo3 span { color: rgba(90,90,90,1.0); }
	.gvg-promo4 span { color: rgba(83,83,83,1.0); }
	
/* Event GvG boss portal right
----------------------------------------------------------------*/
.gvg-boss-portal-right {
	margin: 0 0 0 11px;
	padding: 6px;
	width: 150px;
	height: 122px;
	position: relative;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	background: rgba(255,72,0,0.6);
}
/*
	.gvg-boss-portal-right:before {
		content: "";
		display: block;
		position: absolute;
		top: -9px;
		left: 64px;
		border-bottom: 9px solid rgba(255,72,0,0.6);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}
*/
	
	.gvg-boss-portal-right-inner-top {
		font-size: 1.2rem;
		color: #5e0000;
		line-height: 18px;
		font-weight: bold;
	}
	
	.gvg-boss-portal-right-inner-bottom {
		width: 140px;
		font-size: 1.1rem;
		color: rgba(255,255,255,0.4);
		line-height: 18px;
		text-align: center;
		-webkit-border-radius: 5px;
		-webkit-box-sizing: border-box;
		background: rgba(113,35,8,0.6);
	}
	
	.gvg-boss-portal-right-inner-bottom span {
		color: #ffffff;
		font-weight: bold;
	}
	
/* Event GvG reward
----------------------------------------------------------------*/
.gvg-reward-list-title {
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	border-bottom: #2a1a1a solid 2px;
	background: #3e2a24;
}

	.gvg-reward-list-title-text1 {
		font-size: 1.4rem;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
	}
	
	.gvg-reward-list-title-text2 {
		margin: 0 0 8px;
		font-size: 1.1rem;
		color: #ff6000;
		line-height: 16px;
		font-weight: bold;
		text-align: center;
	}

	.reward-list-title span { color: #ffd200; }

	.reward-list-body > div.list-block:nth-last-of-type(1) {
		background: none;
	}
	
.gvg-reward-list-area {
	width: 320px;
	height: 93px;
	display: -webkit-box;
}
	
	.gvg-reward-list-block-rank {
		width: 40px;
		height: 93px;
		font-size: 1.3rem;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-reward-list-block-rank-top {
			width: 40px;
			height: 23px;
			-webkit-box-sizing: border-box;
			border-bottom: #3d3d3d solid 1px;
		}
		
		.gvg-reward-list-block-rank-bottom {
			width: 40px;
			height: 70px;
			display: table;
			border-top: #575757 solid 1px;
		}
		
			.gvg-reward-list-block-rank-bottom p {
				padding: 0 0 10px;
				font-size: 1.2rem;
				line-height: 16px;
				font-weight: bold;
				text-align: center;
				vertical-align: middle;
				display: table-cell;
			}
	
	.gvg-reward-list-block {
		width: 140px;
		height: 93px;
	}
	
	.gvg-reward-list-block2 {
		width: 160px;
		height: 93px;
	}
	
	.gvg-reward-list-block:nth-of-type(2) { background: #2f2f2f; }
	.gvg-reward-list-block:nth-of-type(3) { background: #444444; }
	
	.gvg-reward-list-block2:nth-of-type(1) { background: #2f2f2f; }
	.gvg-reward-list-block2:nth-of-type(2) { background: #444444; }

	
		.gvg-reward-list-block-title {
			width: 140px;
			height: 23px;
			font-size: 1.2rem;
			line-height: 22px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block-title2 {
			width: 160px;
			height: 23px;
			font-size: 1.2rem;
			line-height: 22px;
			font-weight: bold;
			text-align: center;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block:nth-of-type(2) .gvg-reward-list-block-title {
			color: #ffffff;
			border-bottom: #2a2a2a solid 1px;
			border-right: #525252 solid 1px;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block:nth-of-type(3) .gvg-reward-list-block-title {
			color: #7d7d7d;
			border-bottom: #3d3d3d solid 1px;
		}
		
		.gvg-reward-list-block2:nth-of-type(1) .gvg-reward-list-block-title2 {
			color: #ffffff;
			border-bottom: #2a2a2a solid 1px;
			border-right: #525252 solid 1px;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block2:nth-of-type(2) .gvg-reward-list-block-title2 {
			color: #7d7d7d;
			border-bottom: #3d3d3d solid 1px;
		}
		
		.gvg-reward-list-block-img {
			padding: 5px 0 0;
			width: 140px;
			height: 70px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block-img2 {
			padding: 5px 0 0;
			width: 160px;
			height: 70px;
			text-align: center;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block-img3 {
			padding: 5px 14px 0;
			width: 160px;
			height: 70px;
			text-align: center;
			display: -webkit-box;
			position: relative;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-reward-list-block-img3-1 {
				width: 66px;
				height: 65px;
				text-align: center;
				position: relative;
				-webkit-box-sizing: border-box;
			}
		
		.gvg-reward-list-block:nth-of-type(2) .gvg-reward-list-block-img {
			border-top: #444444 solid 1px;
			border-right: #525252 solid 1px;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block:nth-of-type(3) .gvg-reward-list-block-img { border-top: #575757 solid 1px; }
		
		.gvg-reward-list-block2:nth-of-type(1) .gvg-reward-list-block-img2 {
			border-top: #444444 solid 1px;
			border-right: #525252 solid 1px;
			-webkit-box-sizing: border-box;
		}
		
		.gvg-reward-list-block2:nth-of-type(2) .gvg-reward-list-block-img2 { border-top: #575757 solid 1px; }
		
		.gvg-reward-list-block-current-bg {
			background: #1a2e42;
			-webkit-box-sizing: border-box;
		}
		
			.gvg-reward-list-block-num {
				width: 140px;
				height: 20px;
				font-size: 1.1rem;
				color: #cecece;
				line-height: 20px;
				text-align: center;
			}
			
			.gvg-reward-list-block-num2 {
				width: 160px;
				height: 20px;
				font-size: 1.1rem;
				color: #cecece;
				line-height: 20px;
				text-align: center;
			}
			
			.gvg-reward-list-block-num3 {
				width: 66px;
				height: 20px;
				font-size: 1.1rem;
				color: #cecece;
				line-height: 20px;
				text-align: center;
			}

.gvg-reward-list-block-title-area {
	width: 320px;
	height: 23px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
}

	.gvg-reward-list-block-title-area-rank {
		width: 40px;
		height: 23px;
		font-size: 1.2rem;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
		-webkit-box-sizing: border-box;
		border-bottom: #3d3d3d solid 1px;
	}
	
	.gvg-reward-list-block-title-area-title1 {
		width: 140px;
		height: 23px;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
		-webkit-box-sizing: border-box;
		border-right: #525252 solid 1px;
		border-bottom: #2a2a2a solid 1px;
		background: #2f2f2f;
	}
	
	.gvg-reward-list-block-title-area-title2 {
		width: 140px;
		height: 23px;
		font-size: 1.3rem;
		color: #7d7d7d;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
		-webkit-box-sizing: border-box;
		border-bottom: #3d3d3d solid 1px;
		background: #444444;
	}
	
.gvg-reward-list-block-img-area {
	width: 320px;
	height: 70px;
	display: -webkit-box;
	-webkit-box-sizing: border-box;
}

	.gvg-reward-list-block-img-block {
		width: 140px;
		height: 70px;
	}

		.gvg-reward-list-block-img-block:nth-of-type(2) { background: #2f2f2f; }
		.gvg-reward-list-block-img-block:nth-of-type(3) { background: #444444; }
		
		.gvg-reward-list-block-img-block:nth-of-type(2) .gvg-reward-list-block-img {
			-webkit-box-sizing: border-box;
			border-top: #444444 solid 1px;
			border-bottom: #2a2a2a solid 1px;
			border-right: #525252 solid 1px;
		}
		.gvg-reward-list-block-img-block:nth-of-type(3) .gvg-reward-list-block-img {
			-webkit-box-sizing: border-box;
			border-bottom: #3d3d3d solid 1px;
			border-top: #575757 solid 1px;
		}
		
	.gvg-reward-list-block-rank-bottom2 {
		width: 40px;
		height: 70px;
		display: table;
		border-top: #575757 solid 1px;
		border-bottom: #3d3d3d solid 1px;
	}
	
		.gvg-reward-list-block-rank-bottom2 p {
			padding: 0 0 10px;
			font-size: 1.2rem;
			line-height: 16px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: table-cell;
		}

.gvg-reward-bottom-list {
	width: 320px;
	height: 120px;
}

	.gvg-reward-bottom-list-title {
		padding: 0 9px;
		width: 320px;
		height: 8px;
		font-size: 1.3rem;
		color: #ffffff;
		line-height: 20px;
		font-weight: bold;
		-webkit-box-sizing: border-box;
	}
	
	.gvg-reward-bottom-list-img {
		width: 320px;
		-webkit-box-sizing: border-box;
	}
	
		.gvg-reward-bottom-list-num {
			width: 320px;
			height: 20px;
			font-size: 1.1rem;
			color: #cecece;
			line-height: 20px;
			text-align: center;
		}

/* Event GvG header
----------------------------------------------------------------*/
.gvg-leftbox {
	width: 123px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}

.gvg-rightbox {
	width: 197px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 123px;
}
