/*.stepimg{
  background-size: 100% auto;
  background-repeat: no-repeat;
}*/
.stepimg  img{
     width: 100%;
     height: auto;
     max-width: 100%;
     max-height: 100%;
}
.tool_01{
  background-image: url('../images/tool_01.jpg');
}
.tool_02{
  background-image: url('../images/tool02.jpg');
}
.tool_03{
  background-image: url('../images/tool03.jpg');
}
.lightimg{
  display: none;
}

.introduce{
  margin-top: 5%;
}

.Container{
  width: 90%;
}



#title{
  color: #000;
  letter-spacing: 7px;
  font-size: 1.3em;
  text-align: center;
}
.step{
  overflow: hidden;
}
.ProductDescription{
  margin-bottom: 40px;
}

/*///////////////
    手機版
/////////////*/
@media screen and (min-width: 321px) {

  p{
    line-height: 2em;
  }

  #title{

  }

}

/*///////////////
    平板版
/////////////*/
@media screen and (min-width: 768px) {
}

/*///////////////
    電腦版
/////////////*/
@media screen and (min-width: 980px) {

  .pageset{
    width: 80%;
    margin: auto;
  }
  .mar{
    margin: 0 0 10px 0;
  }
  #title{
    text-align: left;
  }
  .lightimg{
    display: inline;
    width: 45%;
    float: left;
    transform: translateY(-4%);
  }
  .lightimg  img{
       width: 100%;
       height: auto;
       max-width: 100%;
       max-height: 100%;
  }
  .introduce{
    width: 55%;
    float: left;
  }
  .step{
    margin-bottom: 40px;
  }
  .stepimg{
    float: right;
    width: 50%;
  }

  .stepdes{
    float: right;
    width: 45%;
    margin: 0 4% 0 0;
  }


}