#carousel {
	margin:40px auto 0;
	width:960px;
	height:280px;
}

.imgBg1{
	background: url(../img/top/bg1.png) no-repeat;
	background-position:top 0 left 50%;
	padding-bottom:0;
}

.imgBg2{
	background: #f6f2ec url(../img/top/bg2.png) no-repeat;
	background-position:top 0 right 0;
}

#main .pdgS{
	padding:40px 0;
}

.inner p.colorBg{
	padding:30px;
	margin-bottom:30px;
}

.topStyle{
	width:500px;
	padding:0;
	overflow: hidden;
}




@media all and (max-width: 768px) {

.inner img{
    width: 100%;
    height: auto;
}
        

#carousel {
	margin:4vw auto;
	width:96%;
	height:auto;
}
#carousel .slider li img{
    width: 100%;
    height: auto;
}

.imgBg1{
	background: url(../img/top/bg1.png) no-repeat;
	background-position:top 0 left 50%;
	padding-bottom:0;
}

.imgBg2{
/*	background: #f6f2ec url(../img/top/bg2.png) no-repeat;
	background-position:top 0 right 0;*/
        background: #f6f2ec;
}

#main .pdgS{
	padding:40px 0;
}

.inner p.colorBg{
	padding:4vw 3vw;
	margin-bottom:9vw;
}

.topStyle{
	width:100%;
	padding:0;
	overflow: hidden;
        margin-bottom: 5vw;
}


}