@charset "utf-8";

.bxslider-title ul { 
	padding:0px; margin:0px;
	list-style:none; 
}
.bxslider-title li { 
	list-style:none !important;
	position:relative; 
}
.bxslider-title img { 
	width:100%; 
}

.bxslider .txt-wrap {
	position:absolute;
	max-width:1200px;
	width:100%;
	left:50%;
	transform:translate(-50%,0);
}
.in-title {width:50%;}
.sub-tit  {width:50%;}
.bxslider .item:nth-child(2) .txt-wrap ,.bxslider .item:nth-child(1) .txt-wrap {color:#fff;}

/* bxSlider */
.bxslider-title .bx-wrapper { 
	margin-bottom:0px;
	min-width:100%;
	height:auto;
	overflow:hidden; 
	
}
.bxslider-title .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
	left: 0px;

}
.bxslider-title .bx-wrapper .bx-pager {
	bottom: 28px;	 
}
.bx-wrapper .bx-prev {
    background: url('./img/arrow_prev01.png') no-repeat 50% 50%;
	left:10%;
}
.bx-wrapper .bx-next {
    background: url('./img/arrow_next01.png') no-repeat 50% 50%;
	right:10%
}
.bxslider-title .bx-wrapper .bx-pager.bx-default-pager a {
	background: transparent;
	border: 2px solid #fff;
	transition: all 0.3s ease-in-out;
}
.bxslider-title .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bxslider-title .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fff;
	border-color:#fff;
}

.bx-wrapper .bx-controls-direction a {
	top: 50%;
	transform:translate(0,-50%);
	width: 41px;
	height: 100px;

}
.bx-wrapper img {
	.max-width:100%;
	display:block;
	width:100%;
}

@media (max-width:1400px) { 
	.bxslider .txt-wrap {padding-left:3em;}
	.in-title {padding-top:4em}
}
@media (max-width:1210px) { 
	.bxslider .txt-wrap {transform:translate(-44%,0)}
	.in-title {font-size: 36px; width:40%; margin-bottom:1em; padding-top:22.5%}
	.sub-tit  {font-size:24px; width:40%}
}
@media (max-width:991px) { 
	.bxslider .txt-wrap {transform:translate(-45%,0); padding:0 10%; top:60px}
	.in-title {font-size: 45px; width:95%; margin-bottom:1em; padding-top:22.5%; }
	.sub-tit  {font-size:24px; width:100%;text-shadow:0 0 2px rgba(0,0,0,0.5)}
	.bx-wrapper .bx-prev, .bx-wrapper .bx-next {transform:scale(0.7) translate(0,25%);}
}