@charset "utf-8";
#company img{
	width:100%;
	margin-top:20px;
}
.companybody{
	width:1100px;
	margin:0 auto;
	margin-top:50px;
}

.companylist div{
	margin-top:50px;
}

.slide_wrap{
	width:auto;
	left:auto;
	margin-left:0px;
}
#map{
	height:450px;
	padding-bottom: 30px;
}
#c400{
	height:400px;
}


.stylebk{
	background-image:url("/webroot/img/renovation/style.png");
	background-size:cover;
}
.stylelist{

}


.resultlist{
	margin-top:30px;
	background-color:#fff;
}


div.slider {
    display:block;
    margin:40px auto;
}
 
ul.bxslider07,
ul.bxslider05,
ul.bxslider03,
ul.bxslider01{
	margin-left:30px !important;
}

ul.bxslider07 li,
ul.bxslider05 li,
ul.bxslider03 li,
ul.bxslider01 li {
    display:block;
}
 
ul.bxslider07 li img,
ul.bxslider05 li img,
ul.bxslider03 li img,
ul.bxslider01 li img{
    display:block;
    height:auto;
}
 



ul.bxslider08 li a ,
ul.bxslider06 li a ,
ul.bxslider04 li a ,
ul.bxslider02 li a {
    display:block;
}
 
ul.bxslider08 li a img,
ul.bxslider06 li a img,
ul.bxslider04 li a img,
ul.bxslider02 li a img{
    display:block;
    height:auto;
}
 
div.controlWrap {
    display:block;
    position:relative;
    margin:0 auto;
	margin-left:30px;
	width:430px;
}
.bx-wrapper{
	margin:0px !important;
	margin-top:30px !important;
	margin-left:0px !important;
}

.result-title{
	margin-top:30px;
	border-bottom:1px solid #000;
	height:40px;
	text-align:center;
	font-weight:bold;
}
.result-msg{
	border-bottom:1px solid #000;
	padding:20px 0px;
}
.reform{
	background-image:url("/webroot/img/result/reform.png");
	background-repeat:no-repeat;
}
.newicon{
	background-image:url("/webroot/img/result/new.png");
	background-repeat:no-repeat;
}



@media screen and (max-width:1080px){
	.companybody{
		width:100%;
	}
	.companybody img{
		width:auto;
	}

	#map{
		width:100% !important;
		height:300px;
	}
	
	ul.bxslider07,
	ul.bxslider06,
	ul.bxslider05,
	ul.bxslider04,
	ul.bxslider03,
	ul.bxslider02,
	ul.bxslider01 {
		margin-left:0px !important;
	}
	ul.bxslider07 img,
	ul.bxslider06 img,
	ul.bxslider05 img,
	ul.bxslider04 img,
	ul.bxslider03 img,
	ul.bxslider02 img,
	ul.bxslider01 img{
		width:100% !important;
	}
	div.controlWrap {
    	margin:0 auto;
    	margin-left:0px;
    	width:100%;
	}
	.newicon,
	.reform{
		background-size:20%;
		background-position:0% 30%;
	}
	
}
@media screen and (max-width:780px){
	
	.companybody{
		width:100%;
	}
	.companybody img{
		width:auto;
	}
	#map{
		width:100% !important;
		height:300px;
	}
	#c400{
		height:auto;
	}
	.companylist div{
		margin-top:5px;
	}
	.spcenter{
		text-align:center;
	}
	.spw100{
		width:100% !important;
	}
	
}