/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y;}
.bx-wrapper img{max-width:100%;display:block;}
.bx-viewport {-webkit-transform: translateZ(0);/* fix other elements on the page moving (in Chrome) */}

/* .bxslider */
.bx-wrapper{background:#000 url("../../images/main/bg_visual.png") no-repeat center}
.bxslider li .inner{position:relative;padding-bottom:25px;overflow:hidden;text-align:center;background-color:#fff}
.bxslider li .pic{height:240px;overflow:hidden;}
.bxslider li .pic img{width:100%;}
.bxslider li dl{padding-top:25px;background-color:#fff}
.bxslider li dl dt{line-height:21px;padding:0 28px;color:#5b5b5b;font-size:16px;font-weight:600;word-break:keep-all;}
.bxslider li dl dd{line-height:19px;padding:20px;font-size:13px;word-break:keep-all;}
.bxslider li .btnDetail{position:absolute;bottom:25px;left:50%;margin-left:-48px;display:inline-block;width:96px;height:30px;line-height:30px;color:#fa6137;text-align:center;border:1px solid #fa6137;border-radius:30px;background-color:#fff}
.bxslider li .btnDetail:hover{color:#fff;background-color:#fa6137;}

.en .bxslider li dl dd{letter-spacing:0;}

/** THEME ===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%;}

/* LOADER */
.bx-wrapper .bx-loading{min-height:50px;height:100%;width:100%;position:absolute;top:0;left:0;background: url('images/bx_loader.gif') center center no-repeat #ffffff;z-index: 2000;}

/* PAGER */
.bx-wrapper.bx-pager{text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background: #000;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;vertical-align: bottom;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0;line-height: 0;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev{left:10px;background:url('../../images/main/btn_prev.png') no-repeat;}
.bx-wrapper .bx-next{right:10px;background:url('../../images/main/btn_next.png') no-repeat;}
.bx-wrapper .bx-controls-direction a{position: absolute;top:50%;margin-top:-24px;width:27px;height:47px;text-indent:-9999px;outline:0;z-index:5;}
.bx-wrapper .bx-controls-direction a.disabled{display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url('images/controls.png') -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus{background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url('images/controls.png') -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {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: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption{position: absolute;bottom: 0;left: 0;background: #666;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;}

/* ---------------------------------------- mobile ------------------------------------------------------------------------- */
@media all and (max-width:767px) {
	.bx-wrapper{padding:15px 0;}
	.bx-wrapper .bx-viewport{width:90% !important;margin:0 auto}
		
	.bxslider{margin-left:-15px;background-size:cover;}
	.bxslider li{width:300px;}
	.bxslider li .inner{height:415px;margin-left:15px;}
	.bxslider li .pic{height:265px;}	
	.bxslider li.swiper01 dl dt,
	.bxslider li.swiper02 dl dt{height:auto;}
	.bxslider li dl dt{height:35px;line-height:18px;overflow:hidden;}
	.bxslider li dl dd{letter-spacing:-1px;}
	.bxslider li .btnDetail{bottom:20px;}
	
	.en .bxslider li dl{padding-top:15px;}
	.en .bxslider li dl dd{letter-spacing:0;}
	.en .bxslider li .btnDetail{bottom:15px;}
	
}

/*------------------------------- tablet 768 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:768px) and (max-width:1023px) {
	.bx-wrapper{padding:48px 0;}
	.bx-wrapper .bx-viewport{width:90% !important;margin:0 auto}	
	
	.bxslider{margin-left:-20px;}	
	.bxslider li{width:235px;}
	.bxslider li .inner{height:310px;margin-left:20px;}
	.bxslider li .pic{height:151px;}
	.bxslider li dl{padding-top:10px;}
	.bxslider li dl dt{height:40px;line-height:19px;padding:0 7px;overflow:hidden;font-size:15px;letter-spacing:-1px;}
	.bxslider li.swiper01 dl dt,
	.bxslider li.swiper02 dl dt{line-height:40px;}
	.bxslider li dl dd{padding:7px;letter-spacing:-1px;}
	.bxslider li .btnDetail{bottom:15px;}
	
	


}

/*------------------------------- desktop 1024 ----------------------------------------------------------------------------------------------*/
@media all and (min-width:1024px) and (max-width:1169px) {
	.bx-wrapper{padding:48px 0;}
	.bx-wrapper .bx-viewport{left:-5px;width:970px !important;margin:0 auto}	
	
	.bx-wrapper .bx-prev{left:50%;margin-left:-510px;}
	.bx-wrapper .bx-next{left:50%;margin-left:485px}
	
	.bxslider{margin-left:-10px;}	
	.bxslider li{width:245px;}
	.bxslider li .inner{height:425px;margin-left:20px;}
	.bxslider li .pic{height:222px;}
	.bxslider li dl dt{padding:0 15px;height:40px;line-height:19px;overflow:hidden;}
	.bxslider li.swiper01 dl dt,
	.bxslider li.swiper02 dl dt{line-height:40px;}
	
	.en .bxslider li.swiper01 dl dt{line-height:19px;}
}


/* ----------------------------desktop 1170 -------------------------------------------------------------------------------------------------*/
@media all and (min-width:1170px) {
	.bx-wrapper{padding:48px 0;}
	
	.bx-wrapper .bx-prev{left:50%;margin-left:-558px;}
	.bx-wrapper .bx-next{left:50%;margin-left:558px}
		
	.bx-wrapper .bx-viewport{left:12px;width:1070px !important;margin:0 auto}	
	
	.bxslider{margin-left:-13px;}
	.bxslider li{width:270px;}
	.bxslider li .inner{height:455px;margin-left:20px;}
	.bxslider li .pic{height:250px;}
	.bxslider li dl dt{height:40px;line-height:19px;overflow:hidden;}
	.bxslider li.swiper01 dl dt,
	.bxslider li.swiper02 dl dt{line-height:40px;}
	
	.en .bxslider li.swiper01 dl dt{line-height:19px;}
}
