.visualArea {position:relative;overflow:hidden;}
.visualArea .rollArea {position:relative;z-index:3;}
.visualArea .rollArea li {width:100%; min-height:551px; overflow:hidden;}
.visualArea .rollArea .slider1{background:url(../img/main/slider1.jpg) no-repeat 50% 50%; background-size:cover;}
.visualArea .rollArea .slider2{background:url(../img/main/slider2.jpg) no-repeat 50% 50%; background-size:cover;}
.visualArea .rollArea .slider3{background:url(../img/main/slider3.jpg) no-repeat 50% 50%; background-size:cover;}


.bx-pager {position:absolute;left:50%;bottom:20px;z-index:3;overflow:hidden; margin-left:-20px;}
.bx-pager-item {float:left;}
.bx-pager-item a {text-indent:-9999em;display:block;width:7px; height:7px; margin:0 3px; background:url(../img/main/dot.png) no-repeat 0 -7px;}
.bx-pager-item a.active {background-position:0px 0;}



/* tablet */
@media only screen and (max-width:1023px) {
.visualArea .rollArea .slider1{background:url(../img/main/m_slider1.jpg) no-repeat 50% 50%; background-size:cover;}
.visualArea .rollArea .slider2{background:url(../img/main/m_slider2.jpg) no-repeat 50% 50%; background-size:cover;}
.visualArea .rollArea .slider3{background:url(../img/main/m_slider3.jpg) no-repeat 50% 50%; background-size:cover;}
}

@media only screen and (max-width:767px) {
.visualArea .rollArea li {min-height:400px;}
}


@media only screen and (max-width:530px) {
.visualArea .rollArea li {min-height:300px;}
}

@media only screen and (max-width:420px) { 
.visualArea .rollArea li {min-height:260px;}
}

@media only screen and (max-width:359px) { 
.visualArea .rollArea li {min-height:230px;}
}