/* 2023-0828-以下新增 */
body .subButtonAll {
  max-width: 1200px;
}

body .productName span {
  /* border: 1px solid red; */
  max-width: 1200px;
}

/* 2023-0828-以上新增 */

.f16 {
  color: #595959;
}

.f20 {
  color: #595959;
}

.smallcap {
  font-size: 12px;
  -webkit-transform: scale(0.5);
  /*12×0.75=9*/
  -o-transform: scale(0.5);
  /*opera 已改为 blink 内核，所以需要修正*/
  transform: scale(0.9);
  color: #007ED4;
  font-weight: 300;
  vertical-align: super;
}

.smp300TopSpace {
  height: 110px;
  background-color: white;
  /*smp-300的頂端*/
}

#MainWrap .productHeader {
  width: 100%;
  height: auto;
  float: left;
  background-color: #fff;
  padding: 0;
  margin: 0;
  margin-top: 144px;
  border-top: 1px solid white;
  box-sizing: border-box;
  background-image: url(../images/cayin_products/smp_header_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
}

.productHeader .contents {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0px auto;
  box-sizing: border-box;
}

.tabletBackground {
  display: none;
}

.mobileBackground {
  display: none;
}

.productHeader .contents h1 {
  position: absolute;
  bottom: 47%;
  left: 52%;
  z-index: 9;
  width: auto;
  height: auto;
  color: white;
}

.productHeader .contents h2 {
  position: absolute;
  display: block;
  bottom: 18%;
  left: 52%;
  z-index: 10;
  width: 42%;
  height: auto;
  color: white;
}

.productHeader .contents a {
  text-decoration: none;
}

.productHeader .contents a:hover {
  text-decoration: underline;
}

.productHeader .contents .sendInquiry {
  position: absolute;
  bottom: 11%;
  left: 52%;
  z-index: 11;
  width: auto;
  height: auto;
  color: white;
}

.productHeader .contents .downloadDatasheet {
  position: absolute;
  bottom: 11%;
  left: 65%;
  z-index: 11;
  width: auto;
  height: auto;
  color: white;
}

/*--system spec開始--------------------------------------------------------------------------------*/
.systemSpec {
  margin: 0;
  width: 100%;
  height: auto;
  float: left;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  /* IE6-9 */
  padding-bottom: 2%;
  margin-top: 144px;
  padding-bottom: 5%;
}

.systemSpec .contents {
  width: 1400px;
  height: auto;
  padding: 0 5px;
  margin: 45px auto;
  box-sizing: border-box;
}

.systemSpec .contents .box {
  width: 100%;
  height: auto;
  float: left;
  margin: 1% 0%;
  padding: 0px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}



/* table */
.table {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 20px 3px;
}

/* tr */
.row {
  display: table-row;
}

/* td , th */
.systemSpec .topCell1 {
  width: 13.95%;
  padding-left: 0px;
  padding-top: 0.5%;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
  float: left;
  margin-bottom: 1%;
}

.systemSpec .topCell2 {
  width: 81.7%;
  padding-left: 0px;
  padding-top: 1%;
  margin-left: 20px;
  text-align: left;
  float: left;
  margin-bottom: 1%;
}

.systemSpec .topCell2 a .photo:hover {
  opacity: 0.8;
}

.systemSpec .cell1 {
  display: table-cell;
  width: 14.22%;
  padding-left: 0px;
  padding-top: 0.5%;
  padding-bottom: 1%;
  text-align: left;
  line-height: 1.7em;
}

.systemSpec .cell2 {
  display: table-cell;
  width: 14.22%;
  padding-left: 0px;
  padding-top: 0.5%;
  padding-bottom: 1%;
  text-align: left;
  line-height: 1.9em;
}

.systemSpec .cell3 {
  display: table-cell;
  width: 67.3%;
  padding-left: 0px;
  padding-top: 0.5%;
  padding-bottom: 1%;
  text-align: left;
  line-height: 1.9em;
}


.rowUpperline,
.rowUpperline0 {
  border-top: 1px solid #969696;
}



.systemSpec .contents h1 {
  width: 100%;
  float: left;
  display: block;
  color: #595959;
  line-height: 1.5em;
  margin: 122px 0 76px 0;
  font-weight: 300;
  text-align: center;

}


.systemSpec .contents .box span {
  width: 100%;
  float: left;
  display: block;
  color: #595959;
  line-height: 1.5em;
  text-align: left;
}




.systemSpec table {}


.systemSpec .photo {
  margin-left: 19%;
  width: 179px;
  height: 34px;
}

.systemSpec .cayin#e5a900 {
  color: #e5a900;
  font-weight: 300;
}

.systemSpec ul {
  list-style-type: disc;
  text-decoration: none;
  padding-left: 20px;
}

.systemSpec ul ul {
  list-style-type: disc;
  text-decoration: none;
  padding-left: 40px;
}

.systemSpec a {
  color: #e5a900;
}

.systemSpec a:hover {
  text-decoration: none;
}





/*--hardware spec開始--------------------------------------------------------------------------------*/
.hardwareSpec {
  margin: 0;
  width: 100%;
  height: auto;
  float: left;
  background: #ffffff;
  padding-top: 4%;
  padding-bottom: 4.5%;
}

.hardwareSpec .contents {
  width: 1400px;
  height: auto;
  padding: 0 5px;
  margin: 45px auto;
  box-sizing: border-box;
}

.hardwareSpec .contents .box {
  width: 98%;
  height: auto;
  float: left;
  margin: 1% 1%;
  padding: 20px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}


.hardwareSpec .contents h1 {
  width: 100%;
  float: left;
  display: block;
  color: #595959;
  margin: 15px 0 34px 0;
  text-align: center;
}

.hardwareSpec .contents .box span {
  width: 100%;
  float: left;
  display: block;
  color: #595959;
  text-align: left;
}

.hardwareSpec .cell1 {
  display: table-cell;
  width: 37%;
  padding-left: 0px;
  padding-top: 0.5%;
  padding-bottom: 1%;
  text-align: right;

}

.hardwareSpec .cell2 {
  display: table-cell;
  width: 63%;
  padding-left: 0px;
  padding-top: 0.5%;
  padding-bottom: 1.2%;
  text-align: left;

}

/*--final 開始--------------------------------------------------------------------------------*/
.final {
  margin: 0;
  width: 100%;
  height: auto;
  float: left;
  background-color: #f4f4f4;
}

.final .contents {
  width: 100%;
  height: auto;
  padding: 0px;
  margin: 45px auto;
  box-sizing: border-box;
  margin-top: 0px;
}

.final .contents .box {
  width: 96%;
  height: auto;
  float: left;
  margin: 1% 2%;
  padding: 20px;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}



/*--1680寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1680px) {
  .productHeader .contents h1 {}

  .productHeader .contents h2 {}

  .productHeader .contents .sendInquiry {}

  .productHeader .contents .downloadDatasheet {}

  .systemSpec .contents {
    width: 1366px;
  }

  .hardwareSpec .contents {
    width: 1366px;
  }





}

/*--1366寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {
  .productHeader .contents h1 {}

  .productHeader .contents h2 {}

  .productHeader .contents .sendInquiry {}

  .productHeader .contents .downloadDatasheet {

    left: 65%;
  }

  .systemSpec .contents {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
  }

  .hardwareSpec .contents {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
  }

  .systemSpec .cell1 {
    width: 15%;
  }

  .systemSpec .cell2 {
    width: 15%;
  }

  .systemSpec .topCell1 {
    width: 14.4%;
  }

  .systemSpec .topCell2 {
    width: 79.8%;
    padding-left: 12px;
  }


}

/*--1280寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {


  .productHeader .contents h1 {
    left: 52%;
  }

  .productHeader .contents h2 {

    left: 52%;
  }

  .productHeader .contents .sendInquiry {

    left: 52%;
  }

  .productHeader .contents .downloadDatasheet {

    left: 65%;
  }

  .systemSpec {
    padding-top: 1.2%;
    padding-bottom: 8%;
  }

  .systemSpec .cell1 {
    width: 15%;
  }

  .systemSpec .cell2 {
    width: 16%;
  }

  .systemSpec .topCell1 {
    width: 14.1%;
  }

  .systemSpec .topCell2 {
    width: 79%;
    padding-left: 23px;
  }

  .systemSpec .contents {
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
  }

  .hardwareSpec .contents {
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
  }


}

/*--1152寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1152px) {
  .productHeader .contents h1 {
    bottom: 50%;
    left: 51%;
  }

  .productHeader .contents h2 {
    left: 51%;
    width: 47%;
  }

  .productHeader .contents .sendInquiry {

    left: 51%;
  }

  .productHeader .contents .downloadDatasheet {
    left: 65%;
  }

  .systemSpec .cell1 {
    width: 18%;
  }

  .systemSpec .cell2 {
    width: 18%;
  }

  .systemSpec .topCell1 {
    width: 16.7%;
  }

  .systemSpec .topCell2 {
    width: 72.6%;
    padding-left: 55px;
  }

}

/*--1024寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  .pcBackground {
    display: none;
  }

  .tabletBackground {
    display: block;
  }


  .productHeader .contents h1 {

    bottom: 41%;
    left: 57%;
  }

  .productHeader .contents h2 {
    bottom: 20%;
    left: 57%;
    width: 40%;
  }

  .productHeader .contents .sendInquiry {
    bottom: 11%;
    left: 57%;
  }

  .productHeader .contents .downloadDatasheet {
    bottom: 11%;
    left: 72%;
  }

  .systemSpec {
    margin-top: 9.6%;
  }


  .systemSpec .contents h1 {
    margin-bottom: 7.6%;
  }

  .hardwareSpec {
    padding-top: 3.5%;
    padding-bottom: 5.2%;
  }


  .hardwareSpec .contents h1 {
    margin-bottom: 3.5%;
  }

  .systemSpec .topCell1 {
    width: 17.4%;
  }

  .systemSpec .topCell2 {
    width: 74.3%;
    padding-top: 5px;
    padding-left: 20px;
  }

  .systemSpec .cell1 {
    padding-top: 1%;
  }

  .systemSpec .cell2 {
    padding-top: 1%;
  }

  .systemSpec .cell3 {
    padding-top: 1%;
  }

  .systemSpec .cell1 {
    width: 19%;
  }

  .systemSpec .cell2 {
    width: 18%;
  }

  .systemSpec .topCell2 .photo {
    margin-top: 1%;
  }


  .hardwareSpec .contents .box {
    width: 98%;
  }

  .hardwareSpec .contents .box .table {}

  .hardwareSpec .cell1 {
    width: 40%;
  }

  .hardwareSpec .cell2 {}

  .systemSpec .photo {
    margin-left: 22%;
  }

}


/*--768寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

  .productHeader .contents h1 {
    bottom: 55%;
    left: 57%;
  }

  .productHeader .contents h2 {
    bottom: 20%;
    left: 57%;
  }

  .productHeader .contents .sendInquiry {

    bottom: 11%;
    left: 57%;
  }

  .productHeader .contents .downloadDatasheet {

    bottom: 11%;
    left: 75%;
  }

  .systemSpec {
    padding-top: 4.5%;
    padding-bottom: 11%;
  }


  .systemSpec .contents h1 {
    margin-bottom: 9.5%;
  }

  .hardwareSpec {
    padding-top: 4.5%;
    padding-bottom: 8%;
  }


  .hardwareSpec .contents h1 {
    margin-bottom: 4.5%;
  }

  .systemSpec .cell1 {
    width: 23%;
  }

  .systemSpec .cell2 {
    width: 23%;
  }

  .systemSpec .topCell1 {
    width: 20.5%;
  }

  .systemSpec .topCell2 {
    width: 68.3%;
    padding-left: 21px;
  }

  .systemSpec .cell3 {
    padding-bottom: 3%;
  }

  .systemSpec .photo {
    margin-left: 29.5%;
  }

  .systemSpec .topCell1 {}

  .systemSpec .cell1 {}

  .systemSpec .cell2 {}

  .systemSpec .cell3 {}

  .hardwareSpec .cell1 {
    width: 37%;
  }

  .hardwareSpec .cell2 {}


}


/*--736寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 736px) {

  .productHeader .contents h1 {
    bottom: 62%;
    left: 57%;
  }

  .productHeader .contents h2 {
    bottom: 24%;
    left: 57%;
  }

  .systemSpec .topCell2 {
    width: 67.5%;
    padding-left: 21px;
  }

  .hardwareSpec .cell1 {
    width: 36%;
  }

}

/*--667寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 667px) {

  .productHeader .contents h1 {
    bottom: 60%;
    left: 57%;
  }

  .productHeader .contents h2 {
    bottom: 24%;
    left: 57%;
  }

  .hardwareSpec .cell1 {
    width: 34.5%;
  }

}

/*--600寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
  .smp300TopSpace {
    height: 230px;
    background-color: white;
    /*smp-300的頂端*/
  }

  #MainWrap .productHeader .contents {
    display: none;
  }


  .mobileBackground {
    display: block;
    margin-top: 84px;
  }

  .systemSpec {
    margin-top: 147px;
    padding-bottom: 62px;
  }


  .systemSpec .contents {
    width: 100%;
  }

  .hardwareSpec {
    padding-top: 30px;
    padding-bottom: 51px;
  }

  .hardwareSpec .contents {
    width: 100%;
  }

  .systemSpec .contents .box {
    width: 98%;
    margin: 0% 1%;
    padding: 10px;
    margin-top: 100px;
  }

  .systemSpec .contents .box1 {
    width: 98%;
    margin: 0% 1%;
    padding: 10px;
  }

  .systemSpec .contents .box2 {
    width: 98%;
    margin: 0% 1%;
    padding: 10px;
  }

  .systemSpec .contents .box3 {
    width: 98%;
    margin: 0% 1%;
    padding: 10px;
  }

  .systemSpec .table {
    display: block;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
  }

  .systemSpec .row {
    display: block;
  }

  .systemSpec .topCell1 {
    width: 100%;
    padding-left: 0px;
    padding-top: 0.5%;
    margin-left: 0px;
    text-align: left;
    float: left;
    margin-bottom: 5px;
    padding-bottom: 2%;
  }

  .systemSpec .topCell2 {
    width: 100%;
    padding-left: 0px;
    padding-top: 2%;
    margin-left: 0px;
    text-align: left;
    float: left;
    margin-bottom: 15px;
  }

  .systemSpec .photo {
    margin-left: 0%;
  }

  .systemSpec .cell1 {
    display: block;
    width: 100%;
    padding-left: 0px;
    padding-top: 2%;
    padding-bottom: 2%;
    float: left;
    margin-top: 60px;
  }

  .systemSpec .cell2 {
    display: block;
    width: 23%;
    padding-left: 0px;
    padding-top: 2%;
    padding-bottom: 1%;
    float: left;
  }

  .systemSpec .cell3 {
    display: block;
    width: 77%;
    padding-left: 0px;
    padding-top: 2%;
    padding-bottom: 1%;
    float: left;
  }

  .rowUpperline0 {
    border-top: 0px solid #969696;
  }

  .row .hide {
    display: none;
  }

  .systemSpec .contents h1 {
    margin-top: 0;
    padding-top: 0;
  }

  .hardwareSpec .contents h1 {
    margin-top: 0;
    padding-top: 0;
  }

  .systemSpec .contents {
    margin-top: 30px;
  }





}