@charset "utf-8";
/* CSS Document */

.title h1 {
	width: 370px;
}

.sapce {
	margin-bottom:150px;
}

.border {
	width:50%;
	border-top: #7accc7 solid thin;
	border-bottom: #7accc7 solid thin;
	padding:10px 0;
	margin-left:auto;
	margin-right:auto;
}

.content2{
	margin:0 auto 60px auto;
	max-width:500px;
	padding:0 40px;
	font-size:14px;
	float:left;
}

.p_short{
	width:calc(100%/2 - 11.5px);
	height:345px;
	float:left;
	margin-right:23px;
	margin-bottom:23px;
	padding: 30px 60px;
	box-sizing:border-box;
	overflow:auto;
	list-style:disc outside;
	background-color:#ccebe9;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	line-height: 1.8em;
}
.p_short li{
	width: 100%;
}

.p_short1{
	width:calc(100%/3 - 23px);
	height:345px;
	float:left;
	margin-right:23px;
	margin-bottom:23px;
	padding:30px 60px;
	box-sizing:border-box;
	overflow:auto;
	list-style:disc outside;
	background-color:#ccebe9;
	display: flex;
	align-items: center;
	line-height: 1.8em;
}

.p_long{
	width:100%;
	height:345px;
	margin-bottom:23px;
	padding:30px 65px;
	box-sizing:border-box;
	overflow:auto;
	background-color:#c9e9e7;
	display: flex;
	align-items: center;
	line-height: 1.8em;
}

.pic_short{
	width:calc(100%/2 - 11.5px);
	height:345px;
	float:left;
	margin-right:23px;
	margin-bottom:23px;
	overflow:auto;
}

.pic_short1{
	width:calc(100%/3 - 23px);
	height:345px;
	float:left;
	margin-right:23px;
	margin-bottom:23px;
	overflow:auto;
}

.pic_long{
	width:100%;
	height:345px;
	margin-bottom:23px;
	float:left;
	overflow:auto;
	display:inline-block;
}
.pic_long1{
	width:100%;
	height:420px;
	margin-bottom:23px;
	float:left;
	overflow:auto;
	display:inline-block;
}

.pic_tall{
	width:calc(100%/2 - 11.5px);
	height:710px;
	margin-bottom:23px;
	overflow:auto;
}

.left {
	margin-right:0;
}


.pic1_1  {
	background:url(../images/environment/baby/b1.jpg) no-repeat center center;
	background-size:cover;
}
.pic1_2  {
	background:url(../images/environment/baby/b2.jpg) no-repeat center 100%;
	background-size:cover;
}
.pic1_3  {
	background:url(../images/environment/baby/b3.jpg) no-repeat center 30%;
	background-size:cover;
}
.pic1_4  {
	background:url(../images/environment/baby/b4.jpg) no-repeat center 50%;
	background-size:cover;
}

.pic2_1{
	background:url(../images/environment/classroom/cl1.jpg) no-repeat center center;
	background-size:cover;
}
.pic2_2{
	background:url(../images/environment/classroom/cl2.jpg) no-repeat center 60%;
	background-size:cover;
}


.pic3_1{
	background:url(../images/environment/spa/spa1.jpg) no-repeat center 56%;
	background-size:cover;
}
.pic3_2{
	background:url(../images/environment/spa/spa2.jpg) no-repeat center 40%;
	background-size:cover;
}


.pic4_1{
	background:url(../images/environment/salon/sa1.jpg) no-repeat center center;
	background-size:cover;
}


.pic5_1{
	background:url(../images/environment/livingroom/l1.jpg) no-repeat center center;
	background-size:cover;
}
.pic5_2{
	background:url(../images/environment/livingroom/l2.jpg) no-repeat center center;
	background-size:cover;
}
.pic5_3{
	background: url(../images/environment/livingroom/l3.jpg) no-repeat center center;
	background-size:cover;
}

.pic6{
	background:url(../images/environment/laundry/lun1.jpg) no-repeat center 100%;
	background-size:cover;
}

.pic7_1{
	background:url(../images/environment/tea/t1.jpg) no-repeat center 80%;
	background-size:cover;
}

.pic7_2{
	background:url(../images/environment/tea/t2.jpg) no-repeat center 45%;
	background-size:cover;
}


.pic8_1{
	background:url(../images/environment/kitchen/k1.jpg) no-repeat center center;
	background-size:cover;
}

.pic8_2{
	background:url(../images/environment/kitchen/k2.jpg) no-repeat center 100%;
	background-size:cover;
}


/*.p2 {
	padding:100px 65px 0 65px;
}

.p3 {
	padding:135px 65px 0 65px;
}

.p4 {
	padding:135px 65px 0 65px;
}

.p5 {
	padding:135px 65px 0 65px;
}

.p6 {
	padding:135px 65px 0 65px;
}

.p8 {
	padding:135px 65px 0 65px;
}*/

.p{
	width:100%;
	margin-bottom:20px;
	text-align:center;
}


.t {
	font-size:18px;
	color:#7accc7;
}

.food .p1 {
	min-height:300px;
}


@media screen and (max-width:1280px) {

body,html {
	line-height:1.6em;
}
	
.sapce {
	margin-bottom:100px;
}

.content2{
	margin:60px 0;
	max-width:500px;
	padding:0 40px;
	font-size:14px;
}

.p_short{
	width:100%;
	height:auto;
	padding:50px 65px;
}

.p_short1 {
	width:100%;
	height:auto;
	padding:50px 65px;
}

.p_long{
	width:100%;
	height:auto;
	padding:50px 65px;
}

.pic_short{
	width:100%;
	height:300px;
}

.pic_long{
	width:100%;
	height:300px;
}

.pic_short1{
	width:calc(100%/2 - 11.5px);
}

.pic_tall{
	width:100%;
	height:300px;
}

.pm{
	width:calc(100%/2 - 11.5px);
}

.pic6{
	background:url(../images/environment/laundry/lun1.jpg) no-repeat center 50%;
	background-size:cover;
}


/*.p1 {
	padding:50px 65px;
}

.p2 {
	padding:50px 65px;
}

.p3 {
	padding:50px 65px;
}

.p4 {
	padding:50px 65px;
}

.p5 {
	padding:50px 65px;
}

.p6 {
	padding:50px 65px;
}

.p8 {
	padding:50px 65px;
}*/

}

@media screen and (max-width:640px) {

.sapce {
	margin-bottom:50px;
}

.subT {
	margin-bottom:20px;
}

.pic_short1{
	width:100%;
}

.pm{
	width:100%;
}

.pic1_2  {
	background:url(../images/environment/baby/b2.jpg) no-repeat center 40%;
	background-size:cover;
}

.pic8_2{
	background:url(../images/environment/kitchen/k2.jpg) no-repeat center 80%;
	background-size:cover;
}
.pic_long1{
	width:100%;
	height:300px;
	margin-bottom:23px;
	float:left;
	overflow:auto;
	display:inline-block;
}

}

@media screen and (max-width:480px) {

body,html {
	line-height:2em;
	font-size:14px;
}

.subT {
	font-size:15px;
	margin-bottom:15px;
}

.pic_long1{
	width:100%;
	box-sizing:border-box;
	height: 150px;
}

.p_short{
	padding: 20px 45px;
}
.p_short1{
	padding: 20px 45px;
}

.p_long{
	padding: 20px 45px;
}

/*.p1 {
	padding:20px 45px;
}

.p2 {
	padding:20px 45px;
}

.p3 {
	padding:20px 45px;
}

.p4 {
	padding:20px 45px;
}

.p5 {
	padding:20px 45px;
}

.p6 {
	padding:20px 45px;
}

.p7 {
	padding:20px 45px;
}

.p8 {
	padding:20px 45px;
}*/


}

@media screen and (max-width:420px) {

.title h1 {
	width: auto;
}

}