@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:20px;
}
.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;
}

.btn_mm{
    clear: both;
    display: block;
    padding: 10px 0;
    text-align: right;
}

.btn_mm a{
    font-size: 14px;
    text-align: right;
    position: relative;
}

.btn_mm a:before{
display: inline-block;
content: "";
border: 5px solid transparent;
border-left-width: 5px;
border-left-style: solid;
border-left-color: transparent;
border-left: 5px solid #2E3233
}


@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:25px;
  min-height:250px;
}
  .servicelist > li:nth-child(2n) {
    float: right;
    margin-right: 0; }
  .servicelist > li:nth-child(2n + 1) {
    clear: left; }

	
}