@charset "UTF-8";

#JW_iSld_visual {
    max-width: 1200px;
    margin: 0 auto;
}
.visual-text {
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: -650px;
    word-break: keep-all;
    text-align: left;
}
.visual-text {position: absolute;left: 50%;top: 44px;margin-left: -650px;word-break: keep-all;text-align: left;}
.visual-text {text-align: left; color: #fff; text-shadow: 1px 1px 2px #2d4863; /*color: #023669;*/}
.visual-text h2 {font-size: 36px;font-weight: 600;line-height: 1.3;}
.visual-text p {font-size: 36px;font-weight: 400;line-height: 1.3;}
.visual-text .color-05{color:#0b8bf9; text-shadow: 1px 1px 2px #aed7ff;}
.visual-text span {display: block; font-size: 20px;font-weight: 400;}
.visual-text .text_big { font-size:45px;}
.visual-text .text_medium { font-size:30px;}
.visual-text .text_small {font-size:18px;}



.type-06A {
    position: relative;
    width: 2000px;
    margin: 0 auto;
    margin-left: -350px;
}

/*slide*/
.type-06A .bx-wrapper {
    margin: 0 auto;
    position: relative;
    max-width: 2000px !important;
}

.type-06A .bx-wrapper .bx-viewport ul li {
    overflow: hidden;
    margin: 0 !important;
}

.type-06A .bx-wrapper .bx-viewport ul li ._inner {
    display: block;
}

.type-06A .bx-wrapper .bx-viewport ul li ._inner img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

/*controls*/
.type-06A .bx-wrapper .bx-controls {
    position: absolute;
    z-index: 1;
    bottom: 310px;
    left: 50%;
    width: 100%;
    margin-left: -630px;
    top:52%;

}

.type-06A .bx-wrapper .bx-controls .bx-pager {
    display: inline-block;
    padding: 15px;
    padding-right: 30px;
    background-color: rgba(20, 44, 70, .6);
    border-radius: 50px;
}
.type-06A .bx-wrapper .bx-controls .bx-controls-auto {
    position: relative;
    display: inline-block;
    margin-left: -30px;
    margin-bottom: 6px;
    z-index: 1;
}
.type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
	width: 25px;
    text-align: center;
}
.type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item,
.type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item a,
.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item,
.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a {
    float: left;
}

/*pager*/
.type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
    width: 6px;
    height: 6px;
    /* overflow: hidden; */
    background-color: #fff;
    text-indent: -5000px;
    border-radius: 8px;
}

.type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
    position: relative;
}

.type-06A .bx-wrapper .bx-controls .bx-pager div:first-child a.active {
}

.type-06A .bx-wrapper .bx-controls .bx-pager div:last-child a.active {
}

/* .type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active:last-child {
    margin-right: 0;
    margin-left: 20px;
} */
.type-06A .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active:after {
    content: '';
    position: absolute;
    left: -11px;
    top: -11px;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 50%;
}

/*direction*/
.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    position: absolute;
    bottom: 20px;
    width: 30px;
    height: 30px;
    background-color: #252525;
}

.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover,
.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {
    background-color: #415E70;
}

.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
    left: 20px;
}

.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
    left: 82px;
    background-position: -30px 0;
}

/*controls auto*/
.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .active {
    display: none;
}

.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
    width: 25px;
    height: 25px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
}

.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {
    background-position: -15px center;
}

.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
    background-position: 10px center;
}

/*background-image*/
.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-prev,
.type-06A .bx-wrapper .bx-controls .bx-controls-direction .bx-next,
.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start,
.type-06A .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {
    background-image: url("../images/handler.png");
    background-repeat: no-repeat;
    text-indent: -5000px;
}

@media screen and (max-width:1023px) {
	.visual-text { margin-left:-550px; top:30px}
    
	#JW_iSld_visual {
        width: 100%;
    }
    .visual-text h2 {font-size: 28px;font-weight: 600;line-height: 1.4;}
    .visual-text p {font-size: 28px;font-weight: 400;line-height: 1.4;}

    .type-06A {
        width: 1400px;
        margin-left: -120px;
    }

    .type-06A .bx-wrapper {
        max-width: 100% !important;
    }

    .type-06A .bx-wrapper .bx-controls {
	 margin-left: -550px;
    	bottom: 170px;
    }
}


@media screen and (max-width:640px) {
	.visual-text { margin-left:-250px; top: 15px; left: 51%;}
	.visual-text h2 {font-size: 21px;line-height: 1.2;}
	.visual-text p {font-size: 21px;line-height: 1.2;}
	.visual-text span {font-size:13px;}
	.visual-text .text_big { font-size:30px;}
	.visual-text .text_medium { font-size:20px;}
	.visual-text .text_small {font-size:14px;}
	.type-06A .bx-wrapper .bx-controls {margin-left: -570px;/*bottom: 10px !important;*/top: 60%;}
	
}