/* CSS Document */


/* life_with_rand ------------*/
.life_with_rand{
	max-width: 900px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
	position: relative;
	padding-bottom: 80px;
}
.life_with_rand h1{
	font-size: 46px;
	font-size: .46rem;
	position: absolute;
	top: 20px;
	right: 50px;
	text-indent: 50px;
	z-index: 10;
	line-height: 1.5;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.life_with_rand a img{
	border-radius: 10px;
	margin-bottom: 10px;
	width: 100%;
	transition-duration: 0.5s;
}
.life_with_rand a img:hover{
	transform: scale(1.03, 1.03);

}
.life_with_rand a{
	text-align: left;
	display: block;
	font-weight: 500;
	padding-bottom: 20px;
	font-size: 16px;
	font-size: .16rem;
}
.life_with_rand ul{
	margin-top: 10px;
}
.life_with_rand ul li{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.life_with_rand ul li:nth-child(3n){
	margin-right: 0;
}
.etc{
	width: 115px;
	position: absolute;
	bottom: 0;
	right: 60px;
}
.etc:hover{
	width: 115px;
}
/* life_with_rand End ------------*/

/* rand_storage ------------*/
.rand_storage{
	max-width: 900px;
	margin: 60px auto 100px auto;
}
.rand_storage h1{
	font-size: 28px;
	font-size: .28rem;
    font-weight: 500;
}
.rand_storage ul{
	margin-top: 50px;
}
.rand_storage ul li{
	width: 25%;
	float: left;
	margin-bottom: 40px;
}
.rand_storage ul li a{
	font-size: 16px;
	font-size: .16rem;
	font-weight: 500;
}
.rand_storage ul li img{
	width: 100%;
}
.rand_storage ul li small{
	font-size: 12px;
	font-size: .12rem;
	display: block;
}
/* rand_storage End ------------*/
@media screen and (max-width: 767px) {
	
	/* life_with_rand ------------*/
	.life_with_rand{
		padding: 4%;
	}
	.life_with_rand{
		padding-bottom: 40px;
	}
	.life_with_rand img{
		width: 100%;
	}
	.life_with_rand h1{
		font-size: 26px;
		font-size: .26rem;
		text-indent: 20px;
	}
	.life_with_rand ul li{
		width: 48%;
		margin: 0;
	}
	.life_with_rand ul li:first-child{
		margin-right: 4%;
	}
	.life_with_rand a{
		font-size: 12px;
		font-size: .12rem;
	}
	.etc{
		width: 80px !important;
		right: 40px;
		bottom: 100px;
	}
	
	.life_with_rand a img:active{
	transform: scale(1.05, 1.05);
	}
	/* life_with_rand End ------------*/
	
	/* rand_storage ------------*/
	.rand_storage h1{
		font-size: 22px;
		font-size: .22rem;
	}
	.rand_storage ul li{
		width: 50%;
	}
	.rand_storage ul li a{
		font-size: 14px;
		font-size: .14rem;
	}
	.rand_storage ul li small {
		font-size: 11px;
		font-size: .11rem;
	}
	/* rand_storage End ------------*/
}