@charset "utf-8";

#contents #main{
	width:100%;
	float:none;
}




/* ------------------------------------------------------------
	 BxSlider 
   ------------------------------------------------------------ */

.mainslider{
	margin-bottom:30px;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	margin-top:12px;
}

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

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #999;
}

/* DIRECTION CONTROLS (NEXT / PREV) */


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




/* ------------------------------------------------------------
	 servicelist 
   ------------------------------------------------------------ */

.servicelist{
	width:100%;
	margin-top:1.8%;
}
.servicelist > li {
  float: left;
  width: 23.6%;
  margin-right: 1.8%;
}
  .servicelist > li:nth-child(4n) {
    float: right;
    margin-right: 0; }
  .servicelist > li:nth-child(4n + 1) {
    clear: left; }

.servicelist:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.servicelist > li a{
	display:block;
	border:1px solid #999;
	margin-bottom:13px;
}

.servicelist > li img{
	width:100%;
}

.servicelist > li span{
	display:block;
	font-weight:bold;
	margin-bottom:5px;
}

.servicelist > li p{
	font-size:12px;
}


@media screen and (max-width: 768px){
	
	
/* ------------------------------------------------------------
	 BxSlider 
   ------------------------------------------------------------ */

.mainslider{
	margin-bottom:10px;
}	
	


/* ------------------------------------------------------------
	 servicelist 
   ------------------------------------------------------------ */
   	
.servicelist{
	width:100%;
	margin-top:10px;
}
.servicelist > li {
  float: left;
  width: 47.2%;
  margin-right: 1.8%;
  margin-bottom:1.8%;
  min-height:100px;
}
  .servicelist > li:nth-child(2n) {
    float: right;
    margin-right: 0; }
  .servicelist > li:nth-child(2n + 1) {
    clear: left; }

	
}