@charset "utf-8";
/***
 * BxSlider v4.2.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 ***/
	
/** RESET AND LAYOUT
===================================*/

.slide{
overflow: hidden;
width: 100%;
margin: 0 auto;
}

.bx-wrapper {
position: relative;
max-width:850px!important;
margin: 0 auto!important;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}

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

ul.bxslider {list-style: none;}

.bx-viewport {
/*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0);
overflow: visible!important;
margin-bottom: 20px;
}

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

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

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #999;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
  display: block;
		width:30px;
  height: 10px;
  margin: -4px 5px;
  outline: none;
}

.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: #33ccff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left:0;
    background: url(/common/image/top/slide/prev.jpg) no-repeat left top;
}

.bx-wrapper .bx-next {
   right: 0;
    background: url(/common/image/top/slide/next.jpg) no-repeat left top;
}

.bx-wrapper .bx-controls-direction a {
position: absolute;
  top: 30%;
  outline: 0;
  width: 97px;
  height: 103px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

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

/* 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;
}