#slides {
      display: none;
    }

    #slides .slidesjs-navigation {
		  position:relative;z-index:999;top:-27px;

    }

	a.slidesjs-next,
	a.slidesjs-previous,
	a.slidesjs-play,
	a.slidesjs-stop {
      background-image: url(../playing/img/btns-next-prev1.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;

    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
	  position:relative;z-index:999;top:-43px; right:10px;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../playing/img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden;
    }

	
		.container 
		{
		  margin: 0 auto;
		}

		/* For tablets & smart phones */
		@media (max-width: 767px) {

		  .container {
			width: auto
		  }
		}

		/* For smartphones */
		@media (max-width: 480px) 
		{
		  .container {
			width: auto
		  }
		}
		/* For smaller displays like laptops */
		@media (min-width: 768px) and (max-width: 979px) {
		  .container {
			width: 724px
		  }
		}

		/* For larger displays */
		@media (min-width: 1200px) {
		  .container {
			width: 1170px
		  }
		}


/******  product *******/
.main_proBox {width:100%;text-align:center; margin:0 auto; padding-bottom:20px;}
.pro_list {width:100%;}
.pro_list ul {overflow: hidden;}
.pro_list ul li{float:left; width:48%; height: 298px; border:1px solid #dedede; margin-right:2.8%; margin-bottom:12px;}
.pro_list ul li:nth-child(2n+0) {margin-right:0px;}
.pro_list ul li div.proName {border-top:1px solid #dedede; text-align:center; padding-top: 12px;}
.pro_list ul li div.proName span.p_name {padding: 4px 0px; text-align: center; font-size: 16px; font-weight: 600;}
.pro_list ul li div.proName span.p_price {font-size: 16px; font-weight: 600;  text-align: center; color: #ff0000; padding-bottom: 4px; letter-spacing: -0.055em;}
.search {padding:12px 10px;border-bottom:solid 1px #dfdfdf; text-align:center;}
.search_tit {display: inline-block; font-size: 15px; font-weight: 600; margin-right: 5px;}
.search_btn {width: 55px; height: 28px; text-align: center;  border: 0px; vertical-align: top; background-color: #333; color: #fff; font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer;}
.search_input {width: 210px; height: 27px; font-size: 14px; background-color: #f2f2f2; border: 0px; border-radius: 3px;}
.pro_scateBox {width:100%; text-align:center;}
.pro_scate {width:100%; background-color: #b9252b; color: #fff; font-weight: 600;}
.pro_scate ul{overflow: hidden;}
.pro_scate ul li{float:left; width:33.3%; border-bottom: solid 1px #fff; border-right: solid 1px #fff; text-align:center; font-size: 14px; padding: 7px 0px;}
.pro_scate ul li:nth-child(3n+0) {width:32.8%; border-bottom: solid 1px #fff; border-right:0px;}
.pro_scate ul li a {color: #fff;}
.pro_scate ul li a:hover {color: #fff;}
.promu {font-size:14px;}
.cate_img {width: 25px; margin-bottom: 2px;}

.customer {padding: 18px; width:100%; background: url('../img/main/customer_bg.jpg') right bottom no-repeat; background-size: cover;}
.customer p.tit {font-size:24px; color:#fff; font-weight: 600; padding-bottom: 10px; letter-spacing: -0.045em;}
.customer p.time {font-size:12px; color:#fff; padding-top:8px;}
.customer div {font-size:16px; color:#fff;}

.bank {padding-left: 18px; padding-bottom: 32px; width:100%; background: url('../img/main/bank_bg.png') right bottom no-repeat; background-size: 120px 100px;}
.bank p.tit {font-size:24px; color:#333; font-weight: 600; padding-top: 18px; letter-spacing: -0.045em;}
.bank p.name {font-size:16px; color:#333; padding-top:8px; font-weight: 600;}
.bank div {font-size:16px; color:#333; font-weight: 600; padding: 2px 0px;}

.top_navi {width:100%;}
.top_navi ul {overflow: hidden;}
.top_navi ul li{float:left;}
.top_navi ul li:nth-child(1){width: 30%; text-align:left;}
.top_navi ul li:nth-child(2){width: 40%; text-align:center;}
.top_navi ul li:nth-child(3){width: 30%; text-align:right;}
/*.main_pro {position:relative;display:inline-block;margin:0px 4px 12px 4px; width:45%; height: 344px; border:1px solid #dedede;}
.main_pro table {height:280px;}
*/