#wrap_slider {position:relative; margin:-85px auto 0 auto; z-index:1; height:600px; overflow:hidden;}
.visualArea {position:relative; }
.visualArea .rollArea {position:relative;z-index:3;}
.visualArea .rollArea li {width:100%;overflow:hidden;}
/*
.visualArea .rollArea li .slider1 {width:100%; height:600px;background:url(/images/skin4/slider1.jpg) no-repeat 50% 0%;background-size:cover;}
.visualArea .rollArea li .slider2 {width:100%; height:600px;background:url(/images/skin4/slider2.jpg) no-repeat 50% 0%;background-size:cover;}
.visualArea .rollArea li .slider3 {width:100%; height:600px;background:url(/images/skin4/slider3.jpg) no-repeat 50% 0%;background-size:cover;}
*/
.visualArea .rollArea .txt_box{position:relative; top:250px; width:960px; margin:0 auto; overflow:hidden; z-index:4; }
.visualArea .rollArea .txt_box h3{font-size:50px;line-height:60px; color:#fff; font-weight:600; letter-spacing:-1px;}
.visualArea .rollArea .txt_box h4{font-size:36px;line-height:50px; color:#fff; font-weight:300;}
.visualArea .rollArea .txt_box span{ font-size:14px;color:#fff; font-weight:200; display:block;}


/* pager */
.bx-pager {position:absolute;left:50%;bottom:20px;z-index:3;overflow:hidden; margin-left:-42px;}
.bx-pager-item {float:left;}
.bx-pager-item a {text-indent:-9999em;display:block;width:24px; height:4px; margin:0 2px; background:url(/images/skin4/sp_page.gif) no-repeat 0 0px;}
.bx-pager-item a.active {background-position:0px -4px;}



/* tablet */
@media only screen and (max-width:1023px) {
#wrap_slider, .visualArea .rollArea li .slider1, .visualArea .rollArea li .slider2, .visualArea .rollArea li .slider3 {height:500px;}
.visualArea .rollArea .txt_box{top:130px; width:60%; margin:0 auto;color:#fff;}
.visualArea .rollArea .txt_box h3{font-size:45px; line-height:48px;}
.visualArea .rollArea .txt_box h4{font-size:24px; line-height:35px;}
.bx-pager {bottom:30px;}
}


@media only screen and (max-width:767px) {
#wrap_slider, .visualArea .rollArea li .slider1, .visualArea .rollArea li .slider2, .visualArea .rollArea li .slider3 {height:400px;}
.visualArea .rollArea .txt_box{margin:0; left:10%;}
.visualArea .rollArea .txt_box h3{font-size:28px; line-height:29px;}
.visualArea .rollArea .txt_box h4{font-size:18px; line-height:21px;}
.bx-pager {bottom:20px;}
}