@charset "utf-8";
@media screen and (max-width: 768px){
  .ringBanner{
    margin: 5px 10px;
    text-align: center;
  }
  .bottomContentsLinks{
    margin:20px auto 70px;
  }
  .bottomContentsLinks .bcLinkBox{
    width: 48%;
    margin: 1%;
    float: left;
    transition: 0.5s;
  }
  .bottomContentsLinks .bcLinkBox:hover{
    opacity: 0.8;
  }
}

@media screen and (min-width: 769px) and (max-width: 999px) {
  .ringPanel{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
  }
  .ringPanel .ringBanner{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
    background: #efe8e9;
    background: -moz-linear-gradient(left, #ffffff 0%, #efe8e9 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#efe8e9 100%);
    background: linear-gradient(to right, #ffffff 0%,#efe8e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efe8e9',GradientType=1 );
    transition: 0.3s;
  }
  .ringPanel .ringBanner:nth-child(2n){
    margin-right: 0%;
  }
  .ringPanel .ringBanner:hover{
    background: #F7F7F7;
  }
  .shopPSwap{
    margin-bottom: 30px;
  }
  .bottomContentsLinks{
    margin:20px auto 70px;
  }
  .bottomContentsLinks .bcLinkBox{
    width: 24.6%;
    margin: 0.2%;
    float: left;
    transition: 0.5s;
  }
  .bottomContentsLinks .bcLinkBox:hover{
    opacity: 0.8;
  }
}

@media screen and (min-width: 1000px)  {
  .ringPanel{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
  }
  .ringPanel .ringBanner{
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
    background: #efe8e9;
    background: -moz-linear-gradient(left, #ffffff 0%, #efe8e9 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#efe8e9 100%);
    background: linear-gradient(to right, #ffffff 0%,#efe8e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efe8e9',GradientType=1 );
    transition: 0.3s;
  }
  .ringPanel .ringBanner:nth-child(2n){
    margin-right: 0%;
  }
  .ringPanel .ringBanner:hover{
    background: #F7F7F7;
  }
  .shopPSwap{
    margin-bottom: 30px;
  }
  .bottomContentsLinks{
    margin:20px auto 70px;
  }
  .bottomContentsLinks .bcLinkBox{
    width: 24.6%;
    margin: 0.2%;
    float: left;
    transition: 0.5s;
  }
  .bottomContentsLinks .bcLinkBox:hover{
    opacity: 0.8;
  }
}