html,body{
	width:100%;
	height:100%;
	overflow: hidden;
}
img{
	width:100%;
	height:100%;
}
.scale {
	-webkit-animation: pulse infinite 2s linear;
	animation: pulse infinite 2s linear;
}
@media screen and (orientation: landscape) {
	.i_box{
		position: relative;
		top: 50%;
		margin:0 auto;
		/*margin-top: -9.6875rem;*/
		width:20rem;
		/*height:19.375rem;*/
		text-align:center;
		transform: translate(0,-50%);
		-webkit-transform: translate(0,-50%);
	}
	.tit_img{
		/*width:12.0625rem;*/
		/*height:0.9375rem;*/
		width:7.2375rem;
		height:0.5625rem;
		margin: 0 auto;
	}
	.kl_img{
		/*width:13.40625rem;*/
		/*height:12.84375rem;*/
		width:5.3625rem;
		height:5.1375rem;
		/*margin: 1.09375rem auto 3.125rem auto;*/
		margin: .5rem auto .5rem auto;
	}
	.kl_img .love1{
		display: block;
		position: absolute;
		/*top: 7.34375rem;*/
		/*right: 2.5rem;*/
		top: 3.2rem;
		right: 6.7rem;
		/*width: 0.6875rem;*/
		/*height: 0.59375rem;*/
		width: 0.4125rem;
		height: 0.35625rem;
		background: url(../images/ts_img2.png);
		background-size: 100% 100%;
	}
	.kl_img .love2{
		display: block;
		position: absolute;
		/*top: 8.28125rem;*/
		/*right: 2.8125rem;*/
		top: 3.8rem;
		right: 6.9rem;
		/*width: 0.96875rem;*/
		/*height: 1.03125rem;*/
		width: 0.58125rem;
		height: 0.61875rem;
		background: url(../images/ts_img3.png);
		background-size: 100% 100%;
	}
	.tit_info{
		/*font-size:0.9375rem;*/
		color:#999;
		font-size:0.59rem;
	}
	@media screen and (min-width:900px) {
		.i_box{
			position: relative;
			top: 50%;
			margin:0 auto;
			margin-top: -260px;
			width:640px;
			height:520px;
			text-align:center;
			transform: translate(0,0);
			-webkit-transform: translate(0,0);
		}
		.tit_img{
			width: 328px;
			height: 25px;
			margin: 0 auto;
		}
		.kl_img{
			width:365px;
			height:350px;
			margin: 0 auto;
			margin-top:35px;
		}
		.kl_img .love1{
			display: block;
			position: absolute;
			top: 235px;
			right: 80px;
			width: 22px;
			height: 19px;
			background: url(../images/ts_img2.png);
			background-size: 100% 100%;
		}
		.kl_img .love2{
			display: block;
			position: absolute;
			top: 265px;
			right: 90px;
			width: 31px;
			height: 33px;
			background: url(../images/ts_img3.png);
			background-size: 100% 100%;
		}
		.tit_info{
			font-size:28px;
			color:#999;
			margin-top:70px;
		}
	}
	@media screen and (min-width:1366px) {
		.i_box{
			position: relative;
			top: 50%;
			margin:0 auto;
			margin-top: -310px;
			width:640px;
			height:620px;
			text-align:center;
			transform: translate(0,0);
			-webkit-transform: translate(0,0);
		}
		.tit_img{
			width:386px;
			height:30px;
			margin: 0 auto;
		}
		.kl_img{
			width:429px;
			height:411px;
			margin: 0 auto;
			margin-top:35px;
		}
		.kl_img .love1{
			display: block;
			position: absolute;
			top: 235px;
			right: 80px;
			width: 22px;
			height: 19px;
			background: url(../images/ts_img2.png);
			background-size: 100% 100%;
		}
		.kl_img .love2{
			display: block;
			position: absolute;
			top: 265px;
			right: 90px;
			width: 31px;
			height: 33px;
			background: url(../images/ts_img3.png);
			background-size: 100% 100%;
		}
		.tit_info{
			font-size:30px;
			color:#999;
			margin-top:100px;
		}
	}


}  
@media screen and (orientation:portrait){
	.i_box{
		position: relative;
		top: 50%;
		margin:0 auto;
		margin-top: -9.6875rem;
		width:20rem;
		height:19.375rem;
		text-align:center;
	}
	.tit_img{
		width:12.0625rem;
		height:0.9375rem;
		margin: 0 auto;
	}
	.kl_img{
		width:13.40625rem;
		height:12.84375rem;
		margin: 0 auto;
		margin-top:1.09375rem;
	}
	.kl_img .love1{
		display: block;
		position: absolute;
		top: 7.34375rem;
		right: 2.5rem;
		width: 0.6875rem;
		height: 0.59375rem;
		background: url(../images/ts_img2.png);
		background-size: 100% 100%;
	}
	.kl_img .love2{
		display: block;
		position: absolute;
		top: 8.28125rem;
		right: 2.8125rem;
		width: 0.96875rem;
		height: 1.03125rem;
		background: url(../images/ts_img3.png);
		background-size: 100% 100%;
	}
	.tit_info{
		font-size:0.9375rem;
		color:#999;
		margin-top:3.125rem;
	}
}

@-webkit-keyframes pulse {
	0% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		transform:scale(1.3);
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-o-transform:scale(1.3);
	}
	100% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
}
@keyframes pulse {
	0% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		transform:scale(1.3);
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-o-transform:scale(1.3);
	}
	100% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
}
@-moz-keyframes pulse {
	0% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		transform:scale(1.3);
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-o-transform:scale(1.3);
	}
	100% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
}
@-o-keyframes pulse {
	0% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
	50% {
		transform:scale(1.3);
		-ms-transform:scale(1.3);
		-moz-transform:scale(1.3);
		-webkit-transform:scale(1.3);
		-o-transform:scale(1.3);
	}
	100% {
		transform:scale(1);
		-ms-transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);
		-o-transform:scale(1);
	}
}