/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}
/*
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
*/

.bxslider li{width:100%;background-size:cover !important;}
.bxslider li.bg01{background:url("../image/main/main_visual_01.jpg") no-repeat center top;}
.bxslider li.bg02{background:url("../image/main/main_visual_02.jpg") no-repeat center top;}
.bxslider li.bg03{background:url("../image/main/main_visual_03.jpg") no-repeat center top;}
.bxslider li.bg04{background:url("../image/main/main_visual_04.jpg") no-repeat center top;}
.bxslider li.bg05{background:url("../image/main/main_visual_05.jpg") no-repeat center top;}
.bxslider li.bg06{background:url("../image/main/main_visual_06.jpg") no-repeat center top;}
.bxslider li.bg07{background:url("../image/main/main_visual_07.jpg") no-repeat center top;}
.bxslider li.bg08{background:url("../image/main/main_visual_08.jpg") no-repeat center top;}
.bxslider li.bg09{background:url("../image/main/main_visual_09.jpg") no-repeat center top;}
.bxslider li.bg10{background:url("../image/main/main_visual_10.jpg") no-repeat center top;}
.bxslider li.bg11{background:url("../image/main/main_visual_11.jpg") no-repeat center top;}
.bxslider li.bg12{background:url("../image/main/main_visual_12.jpg") no-repeat center top;}
.bxslider li.bg13{background:url("../image/main/main_visual_13.jpg") no-repeat center top;}
.bxslider li.bg14{background:url("../image/main/main_visual_14.jpg") no-repeat center top;}
.bxslider li.bg15{background:url("../image/main/main_visual_15.jpg") no-repeat center top;}
.bxslider li.bg16{background:url("../image/main/main_visual_16.jpg") no-repeat center top;}

#main_visual .btn_line{width:100%;position:absolute;text-align:center;bottom:48px;z-index:1;}
#main_visual .btn_line span{background:url("../image/main/btn_bg.png") repeat-x center center;height:3px;border:0px solid red;padding:0 110px 4px 110px;}

@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 50%; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
@keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 50%; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}
.bxslider li div.t_area{text-align:left;width:750px;margin:0 auto;opacity: 0;
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 1s; /*延迟时间*/
animation-fill-mode:both;/*删除动画效果*/

webkit-animation-name: fadeIn; /*动画名称*/
webkit-animation-duration: 3s; /*动画持续时间*/
webkit-animation-iteration-count: 1; /*动画次数*/
webkit-animation-delay: 1s; /*延迟时间*/
animation-fill-mode:both;/*删除动画效果*/

	animation-name: fadeIn; /*动画名称*/
	animation-duration: 3s; /*动画持续时间*/
	animation-iteration-count: 1; /*动画次数*/
	animation-delay: 1s; /*延迟时间*/
	animation-fill-mode:both;/*删除动画效果*/
}
.bxslider li div.t_area p.img{float:left;}
.bxslider li div.t_area div.img_r{float:right;}
.bxslider li div.t_area p.num{display:block;}
.bxslider li div.t_area p.num{font-size:21px;letter-spacing:-0.5px;color:#b0b0b0;font-weight:normal;margin-bottom:20px;background:url(../image/main/txt_line.png) no-repeat right center;}
.bxslider li div.t_area p.txt{display:block;font-size:38px;letter-spacing:-1px;color:#fff;font-weight:bold;font-family:DINPro-Medium;margin-bottom:20px;}
.bxslider li div.t_area p.tit{display:block;font-size:13px;color:#5a5a5a;font-weight:400;line-height:21px;}

.bxslider li div p.btn{display:block;margin-top:20px;display:none;}
.bxslider li div p.btn span{min-width:300px;border-top:1px solid #dfdfdf;padding-top:25px;display:inline-block;}
.bxslider li div p.btn a{display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;border:1px solid #dfdfdf;font-size:16px;color:#2663b8;}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 40px;
	width: 100%;
}



/* LOADER */

.bx-wrapper .bx-loading {
	display:none;
	min-height: 50px;
	background: url(image/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}



/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
}

.bx-pager-item {vertical-align: middle;}
.bx-wrapper .bx-pager.bx-default-pager{}
.bx-wrapper .bx-pager.bx-default-pager a {
	background:url("../image/main/slide_off.png") no-repeat;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 20px;
    vertical-align: middle;
	outline: 0;
	background-image:url("../image/main/btn_bg.png") repeat-x center center;
}



.bx-wrapper .bx-pager.bx-default-pager a.active {
	width:26px;
    height:26px;
    box-sizing: border-box;
	background:url("../image/main/slide_on.png") no-repeat;
	vertical-align: middle;

}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	display:block;
	left: 5px;
	background: url(../image/main/lf_btn.png) no-repeat;
}


.bx-wrapper .bx-next {
	display:block;
	right: 5px;
	background: url(../image/main/rt_btn.png) no-repeat ;
}

.bx-wrapper .bx-prev:hover {
	
}

.bx-wrapper .bx-next:hover {
	
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -28px;
	outline: 0;
	width: 58px;
	height: 58px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
 
.bx-wrapper .bx-controls-auto {
	display: none;
	text-align: center;
    position: absolute;bottom:52px;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: none;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/image/main/controls.png) -86px 0 no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: none;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/image/main/controls.png) -86px -33px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}



/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	
	text-align: center;
	width: 100%;
    position: absolute;
    bottom:40px;
	z-index:2;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right:895px;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




@media screen and (max-width:768px){
	#main_visual .t_area{width:75%;top:-25%;position:relative;}
	#main_visual .t_area .img{margin-bottom:10px;}
	#main_visual .t_area .img img{width:60%;}
	.bxslider li div p.num span{font-size:28px;}
	.bxslider li div p.txt{font-size:28px;}
	.bxslider li div p.tit{font-size:28px;}
	.bxslider li div p.btn span{min-width:100px;}
}
@media screen and (max-width:414px){
.bx-wrapper .bx-prev {
	display:none;
}

.bx-wrapper .bx-next {
	display:none;
}
#main_visual{background:#151515;}
#main_visual .t_area{width:75%;top:-25%;position:relative;}
	#main_visual .t_area .img{margin-bottom:5px;}
	#main_visual .t_area .img img{width:45%;}
.bxslider li div.t_area p.num{font-size:16px;}
.bxslider li div.t_area p.txt{display:block;font-size:26px;margin-bottom:5px;}
.bxslider li div.t_area p.tit{font-size:11px;}
}