﻿/**********************************************************************/

 
  .rank_icon {
    position:absolute;
    z-index:60;
    top:0px;
    left:0px;
  }
  .rank_icon#no01 {background:url(../images/rank_1.png) no-repeat;}
  .rank_icon#no02 {background:url(../images/rank_2.png) no-repeat;}
  .rank_icon#no03 {background:url(../images/rank_3.png) no-repeat;}
  .rank_icon#no04 {background:url(../images/rank_4.png) no-repeat;}
  .rank_icon#no05 {background:url(../images/rank_5.png) no-repeat;}
  .rank_icon#no06 {background:url(../images/rank_6.png) no-repeat;}
  .rank_icon#no07 {background:url(../images/rank_7.png) no-repeat;}
  .rank_icon#no08 {background:url(../images/rank_8.png) no-repeat;}
  .rank_icon#no09 {background:url(../images/rank_9.png) no-repeat;}
  .rank_icon#no10 {background:url(../images/rank_10.png) no-repeat;}
  .rank_icon#no11 {background:url(../images/rank_11.png) no-repeat;}
  .rank_icon#no12 {background:url(../images/rank_12.png) no-repeat;}
  .rank_icon#no13 {background:url(../images/rank_13.png) no-repeat;}
  .rank_icon#no14 {background:url(../images/rank_14.png) no-repeat;}
  .rank_icon#no15 {background:url(../images/rank_15.png) no-repeat;}
  .rank_icon#no16 {background:url(../images/rank_16.png) no-repeat;}

  #homePageContent .products.mobel,#homePageContent .products{
    display: none;
  }
  #homePageContent .products.mobel{
    padding:0;
    width: 100%;
  }
  .products .rank_icon {
    width:43px;
    height:43px;
    background-size: 43px 43px!important;
  }
  .products .item {
    width: 25%!important;
    margin: 0!important;
    position: relative;
  }
  
  .products.mobel .rank_icon {
    width:25px;
    height:25px;
    background-size: 25px 25px!important;
  }
  .products.mobel .item{
    width: 50%!important;
    position: relative;
  }
  

  .products.mobel .item .image:hover{
    border-color:transparent;
  }
  .products.mobel .item .description{
    display:none;
  }
  .products.mobel .bx-controls-direction{
    display: none
  }
  
  h2.centerBoxHeading{
    background-color: #0f0f0f;
    color:#fff;
  }

  .products .chunk h3 {
    border-radius: 16px;
    text-align: center;
    background-color: #efefef;
    margin-bottom: 5px;
  } 

  .products .chunk h3 a{
    display: block;
    line-height: 30px;
    cursor: pointer;
  } 
  .products .chunk h3 a:hover{
    color:#000;
  }
  .products.mobel > .bx-wrapper{
    padding:5px 5px 20px 5px;
  }
  .products.mobel .chunk{
    margin-top:10px;
    padding:5px;
  }
  .bx-wrapper{
    -webkit-box-shadow:none;
    box-shadow: none;
  }

@media screen and ( min-width: 1024px){  
  #homePageContent .products{
    display: block;
  }
  .bx-wrapper{
    padding: 20px 10px; 
  }
}
@media screen and (max-width: 1023px){
  #homePageContent .products.mobel{
    display: block;
  }
  .bx-wrapper{
    margin-bottom: 0px; 
    padding: 0 0 20px 0; 
  }
}



.index_order > ul{padding:3px;float: left;}
.index_order li{ float: left;  width: 100%; padding : 5px 0;}
.index_order li:after{ content: " "; clear: both;}
.index_order .elTitle , .index_order .elReview  { margin-top: 4px;}
.index_order .elPrice { margin-top: 10px; color: #c00;line-height: 1;}
.index_order .elPrice em:nth-of-type(2n+1){font-weight: bold}
.index_order .elPrice em:nth-of-type(2n){text-decoration: line-through;color: #bbb;margin-left:5px; }
.index_order .elReview {color:#bf0000}
.index_new > div {display: none;}
.index_new > div.current {display: block;}
.index_new .chunk > li{float: left;}
.index_new > div > em{ display: none;}
.index_new .tab{ background: #F6F6F6;text-align: center;font-size: 0px;margin: 10px auto 26px; line-height: 1.4em;}
.index_new .tab li {display: inline-block;margin: 0px 0px 0px 0px;text-align: center;}
.index_new .tab li a { text-align: center; font-weight: normal; font-size: 14px; line-height: 16px;color: #000; padding: 10px 0px;text-decoration: none;width: 130px;background: #F6F6F6;position: relative;display: inline-block;transition: background 300ms ease;}
.index_new .tab li a.current {background: #e7e7e7;color: #fff;}

.index_new .name{
    display: block;
    display: -webkit-box;
    display: box;
    max-height: 2.4em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.2;
    height: 2.375em;
    text-align: left;
    padding: 0 4px;
    font-size: 14px;
    color: #000;
    line-height: 17px;
}
@media screen and (max-width:479px){
  .index_order .elPrice{ margin-top: 5px }
  .index_order .elPrice em:nth-of-type(2n){ display: none; }
  .index_order .elPhoto,.products .chunk{ min-height: 100px; }

  .index_new .tab em{display: none;}
  .index_new .name{padding:0 2px;font-size: 12px; line-height: 14px;height: 28px;margin-top:3px; }
  .index_new > div.current > em{ background-color: #efefef;float: left;display: block; width: 100%; text-align: center; line-height: 36px; height: 36px; background: #dfdfdf;font-size: 15px;}
  .index_new > div.current > em a {text-decoration: underline;}
  .index_new .tab  > li { width: 22%}
  .index_new .tab li a {padding :3px 0; width: 100%;}
  .index_new .tab li a img{height: 24px;}
  .index_new .tab li a.current {background: #e7e7e7;color: #fff;}
  .index_new .tab{margin-bottom: 0;margin-top:0px;}
  .index_new .chunk {float: left; margin-top:0!important; margin-bottom: 10px; border-top:5px solid #e7e7e7;}
  .index_new .chunk img{ min-height: 100px; }
  .index_new .chunk > li{width:33%;}
  .index_new .chunk > li:nth-of-type(3n+1){clear:both;}
  .index_new .chunk > li:nth-of-type(3n+1):after{content:normal;}
}
@media screen and (min-width:480px) and (max-width:639px){
  .index_order .elPrice{ margin-top: 7px }
  .index_order .elPhoto,.products .chunk{ min-height: 100px; }

  .index_new .chunk img{ min-height: 120px; }
  .index_new .chunk > li{width:33%;}
  .index_new .chunk > li:nth-of-type(3n+1){clear:both;}
  .index_new .chunk > li:nth-of-type(3n+1):after{content:normal;}
}
@media screen and (min-width:640px) and (max-width:799px){
  .index_order .elPhoto,.products .chunk{ min-height: 150px; }

  .index_new .chunk img{ min-height: 140px; }
  .index_new .chunk > li{width:25%;}
  .index_new .chunk > li:nth-of-type(4n+1){clear:both;}
  .index_new .chunk > li:nth-of-type(4n+1):after{content:normal;}
}
@media screen and (min-width:800px){
  .index_order .elPhoto,.products .chunk{ min-height: 200px; }

  .index_new .chunk img{ min-height: 160px; }
  .index_new .chunk > li{width:25%;}
  .index_new .chunk > li:nth-of-type(4n+1){clear:both;}
  .index_new .chunk > li:nth-of-type(4n+1):after{content:normal;}
}