/*main*/
.b-article_pic_grndzr {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -290px;
	top: calc(50% - 253px);
	cursor: pointer;
	opacity: 1;
	transition: left 1s, opacity 1.5s, margin-left 1s;
}
.b-article_grndzr {
	position: absolute;
	left: 50%;
	right: 50%;
	height: 100%;
	background-color: #f20000;
	z-index: -1;
	transition: left 1s, right 1s, background-color 1s, margin-left 1s;
}
	.b-article_grndzr .b-article_wrapper {
		width: 100%;
		position: absolute;
		left: calc(25% - 16px);
	}
		.b-article_grndzr .b-article_description {
			position: absolute;
			top: 155px;
			left: 0;
			width: 370px;
			color: #fff;
		}
			.b-article_grndzr .b-article_description h2 {
				font-family: 'PT Sans Caption', sans-serif;
				color: #fff;
			}
				.b-article_grndzr .b-button {
					width: 80px;
					text-align: center;
					color: #f20000;
				}
			.b-article_grndzr .b-article_description h3 {
				margin-bottom: 0;
				font-size: 18px;
				font-weight: bold;
			}
			.b-article_grndzr .b-article_description p {
				font-size: 16px;
				margin-top: 0;
			}
				.b-article_grndzr .b-article_description p a {
					color: #fff;
				}
			.b-article_grndzr .b-article_phone {
				position: absolute;
				top: 65px;
				left: 400px;
				width: 460px;
				height: 575px;
				background: url(../i_/grndzr_phone.png);
			}
	.b-article_grndzr .b-article_overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 1;
		z-index: 20;
		transition: opacity 1.3s, z-index 1.3s;
	}

.b-article_pic_radio {
	display: none;
	height: 275px;
	position: absolute;
	left: 50%;
	margin-left: -138px;
	top: calc(50% - 260px);
	cursor: pointer;
	opacity: 1;
	transition: left 1s, opacity 1.5s, margin-left 1s;
}
.b-article_radio {
	position: absolute;
	left: 50%;
	right: 50%;
	height: 100%;
	background: #3f1e4b;
	z-index: -1;
	transition: left 1s, right 1s, background-color 1s, margin-left 1s;
}
	.b-article_radio .b-article_bg {
		position: absolute;
		left: calc(50% - 550px);
		width: 1600px;
		height: 759px;
		background-image: url(../i_/radioback.jpg);
	}
	.b-article_radio .b-article_wrapper {
		width: 100%;
		position: absolute;
		left: calc(25% - 16px);
	}
		.b-article_radio .b-article_description {
			position: absolute;
			top: 155px;
			width: 370px;
			color: #fff;
		}
			.b-article_radio .b-article_description a {
				color: #fff;
			}
			.b-article_radio .b-article_description h2 {
				font-family: 'PT Sans Caption', sans-serif;
				color: #fff;
			}
				.b-article_radio .b-article_description h2 .b-button {
					width: 80px;
					text-align: center;
					color: #000;
				}
			.b-article_radio .b-article_description h3 {
				margin-bottom: 0;
				font-size: 18px;
				font-weight: bold;
			}
			.b-article_leproapp .b-article_description p,
			.b-article_radio .b-article_description p {
				font-size: 16px;
				margin-top: 0;
				margin-bottom: 36px;
			}
	.b-article_radio .b-article_overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 1;
		z-index: 20;
		transition: opacity 1.3s, z-index 1.3s;
	}

.b-article_leproapp {
	position: absolute;
	left: 50%;
	right: 50%;
	height: 100%;
	background-color: #000;
	z-index: -1;
	transition: left 1s, right 1s, background-color 1s, margin-left 1s;
}
	.b-article_leproapp .b-article_wrapper {
		width: 100%;
		position: absolute;
		left: calc(25% - 16px);
	}
		.b-article_leproapp .b-article_description {
			position: absolute;
			top: 155px;
			left: 0;
			width: 370px;
			color: #fff;
		}
			.b-article_leproapp .b-article_description h2 {
				font-family: 'PT Sans Caption', sans-serif;
				color: #fff;
			}
				.b-article_leproapp .b-button {
					width: 80px;
					text-align: center;
					color: #000;
				}
			.b-article_leproapp .b-article_description h3 {
				margin-bottom: 0;
				font-size: 18px;
				font-weight: bold;
			}
			.b-article_leproapp .b-article_description p {
				font-size: 16px;
				margin-top: 0;
			}
				.b-article_leproapp .b-article_description p a {
					color: #fff;
				}
			.b-article_leproapp .b-article_phone {
				position: absolute;
				top: 145px;
				left: 500px;
				width: 243px;
				height: 498px;
				background: url(../i_/phone.png);
			}
				.b-article_leproapp .b-article_phone:after {
					content: "";
					position: absolute;
					right: 2px;
					display: block;
					width: 243px;
					height: 498px;
					background-image: url(../i_/light.png);
				}
				.b-article_leproapp .b-article_phone img {
					position: absolute;
					left: 20px;
					top: 58px;
				}
	.b-article_leproapp .b-article_overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 1;
		z-index: 20;
		transition: opacity 1.3s, z-index 1.3s;
	}


/*grndzr,radio page*/
.l-page_grndzr {
}
	.l-page_grndzr .b-navigation.b-navigation_main,
	.l-page_leproapp .b-navigation.b-navigation_main,
	.l-page_radio .b-navigation.b-navigation_main {
		display: block;
		opacity: 1;
		-webkit-animation: opacity-fadein 1.3s;
		animation: opacity-fadein 1.3s;
	}
		.l-page_grndzr .l-navigation,
		.l-page_leproapp .l-navigation,
		.l-page_radio .l-navigation {
			left: -25%;
			transition: opacity 1s, left 1s .3s;
		}
	.l-page_grndzr .b-navigation.b-navigation_white,
	.l-page_leproapp .b-navigation.b-navigation_white,
	.l-page_radio .b-navigation.b-navigation_white {
		left: -100%;
	}
	.l-page_grndzr .b-navigation.b-navigation_black,
	.l-page_leproapp .b-navigation.b-navigation_black,
	.l-page_radio .b-navigation.b-navigation_black {
		right: -100%;
	}
	.l-page_grndzr .b-button_back_right,
	.l-page_leproapp .b-button_back_right,
	.l-page_radio .b-button_back_right {
		width: 23px;
		left: calc(100% - 23px);
		background-color: #fff;
		opacity: 1;
		-webkit-animation: opacity-fadein 2s;
		animation: opacity-fadein 2s;
	}
		.l-page_grndzr .b-button_back_right:after,
		.l-page_leproapp .b-button_back_right:after,
		.l-page_radio .b-button_back_right:after {
			opacity: 1;
		}
	.l-page_grndzr .b-button_back_left,
	.l-page_leproapp .b-button_back_left,
	.l-page_radio .b-button_back_left {
		width: 23px;
		left: 0;
		background-color: #2e2e2e;
		opacity: 1;
		-webkit-animation: opacity-fadein 2s;
		animation: opacity-fadein 2s;
	}
		.l-page_grndzr .b-button_back_left:after,
		.l-page_leproapp .b-button_back_left:after,
		.l-page_radio .b-button_back_left:after {
			opacity: 1;
		}
	.l-page_grndzr .b-article_overlay,
	.l-page_leproapp .b-article_overlay,
	.l-page_radio .b-article_overlay {
		opacity: 0;
		z-index: -1;
	}
	.l-page_grndzr .b-article_pic_grndzr,
	.l-page_leproapp .b-article_pic_grndzr,
	.l-page_radio .b-article_pic_grndzr {
		left: -267px;
		margin-left: 0;
	}
	.l-page_grndzr .b-article_pic_radio,
	.l-page_leproapp .b-article_pic_radio,
	.l-page_radio .b-article_pic_radio {
		left: -108px;
		margin-left: 0;
	}
	.l-page_grndzr .b-article_grndzr,
	.l-page_leproapp .b-article_leproapp,
	.l-page_radio .b-article_radio {
		left: 23px;
		right: 23px;
		cursor: auto;
		z-index: 1;
	}
	.l-page_grndzr .b-article_lepro,
	.l-page_leproapp .b-article_lepro,
	.l-page_radio .b-article_lepro {
		right: 100%;
		margin-right: -23px;
	}
	.l-page_grndzr .b-article_dirty,
	.l-page_leproapp .b-article_dirty,
	.l-page_radio .b-article_dirty {
		left: 100%;
		margin-left: -23px;
	}
	.l-page_grndzr .l-footer .b-footer_main,
	.l-page_leproapp .l-footer .b-footer_main,
	.l-page_radio .l-footer .b-footer_main {
		display: block;
		opacity: 1;
		-webkit-animation: opacity-fadein 1.3s;
		animation: opacity-fadein 1.3s;
	}
		.l-page_grndzr .l-footer,
		.l-page_leproapp .l-footer,
		.l-page_radio .l-footer {
			left: -25%;
			transition: opacity 1s, left 1s .3s;
		}
		.l-page_grndzr .l-footer .b-footer_right,
		.l-page_leproapp .l-footer .b-footer_right,
		.l-page_radio .l-footer .b-footer_right {
			opacity: 0;
		}
	.l-page_grndzr .l-footer .b-footer_white,
	.l-page_leproapp .l-footer .b-footer_white,
	.l-page_radio .l-footer .b-footer_white {
		left: -100%;
	}
	.l-page_grndzr .l-footer .b-footer_black,
	.l-page_leproapp .l-footer .b-footer_black,
	.l-page_radio .l-footer .b-footer_black {
		right: -100%;
	}
.b-article_radio .b-button,
.b-article_leproapp .b-button {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	float: none;
	margin-right: 10px;
	width: 134px;
	height: 36px;
	padding-top: 6px;
	padding-bottom: 0;
}