@charset "UTF-8";
.vm-fix {
  height: 100%;
  visibility: hidden;
  width: 0;
  margin-right: -.25em;
}

.vm, .vm-fix {
  display: inline-block;
  vertical-align: middle;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}

.lightbox-out {
  width: 100%;
  max-width: 1072px;
  text-align: center;
  position: relative;
  padding: 54px 0;
}

.lightbox-frame {
  width: 100%;
  max-width: 964px;
  margin: auto;
}

.lightbox-fwrap {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}

.lightbox-fwrap iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lightbox-close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  background: url(../images/icon-popupclose.png) center center no-repeat;
  width: 34px;
  height: 34px;
}

body {
  margin: 0;
}

.section, .frame {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.center {
  width: 1366px;
  margin: 0 auto;
}

.center .frame {
  width: 960px;
  margin: 0 auto;
}

.vb, .vb-fix:after {
  display: inline-block;
  vertical-align: bottom;
}

.vb-fix:after {
  content: '';
  height: 100%;
  width: 0;
  visibility: hidden;
}

.color-1 {
  color: #e13f01;
}

.tac {
  text-align: center;
}

.item {
  display: inline-block;
}

.tips {
  color: #21ff40;
}

.row .column {
  float: left;
}

.row:after {
  content: '';
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.row-2 .column {
  width: 50%;
}

.nowrap {
  white-space: nowrap;
}

#laptop_main {
  font: 16px/32px 'Play', 'cwTeXHei', 'Segoe UI', Microsoft JhengHei, '微軟正黑體', Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  position: relative;
  background: #FFF;
  color: #5a5858;
}

#laptop_main sup {
  font-size: 40%;
}

.s2 {
  background: url("../images/1920/s2.jpg") center 0 no-repeat;
  min-height: 1400px;
  padding-top: 828px;
  text-align: center;
}

.s2 .textpic1 {
  width: 547px;
  height: 26px;
  background: url(../images/1920/s2_textpic1.png) center 0 no-repeat;
}

.s3 {
  background: url("../images/1920/s3.jpg") center 0 no-repeat;
  min-height: 1704px;
  padding-top: 1245px;
}

.s3 .item1 {
  background: url("../images/1920/s3_01.png") center 0 no-repeat;
  width: 654px;
  height: 134px;
}

.s3 .text1 {
  margin-bottom: 40px;
  padding: 0 20px;
}

.s3 .text2 {
  font-size: 98px;
  line-height: 100%;
  margin-bottom: 15px;
}

.s3 .text3 {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 40px;
}

.s3 .makeline {
  display: block;
}

.s3 .item2 {
  background: url("../images/1920/s3_02.png") center 0 no-repeat;
  width: 600px;
  height: 130px;
  margin: 0 0 0 -41px;
}

.s4-empty {
  height: 400px;
  background-color: #e13f01;
}

.s4-trigger {
  height: 400px;
  background-color: #e13f01;
}

.s4p {
  position: relative;
}

.s4p .s4 {
  transition: background-image 400ms ease;
}

.s4p .s4-stand {
  display: none;
}

.s4p:after {
  content: '';
  height: 0;
  display: block;
  background: url("../images/1920/s4_b.jpg") center 0 no-repeat;
  opacity: 0;
}

.s4p.fixed .s4 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.s4p.fixed .s4-stand {
  display: block;
}

.s4p.fixed.fix-end .s4 {
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
}

.s4p.on .s4 {
  background-image: url("../images/1920/s4_b.jpg");
}

.s4p.on .s4-on {
  display: block;
}

.s4p.on .s4-off {
  display: none;
}

.s4 {
  position: relative;
  background: url("../images/1920/s4.jpg") center bottom no-repeat;
  height: 1125px;
  letter-spacing: 0;
}

.s4 .frame {
  box-sizing: border-box;
}

.s4 .center, .s4 .frame {
  height: 100%;
}

.s4 .block {
  padding-left: 0px;
}

.s4 .text1 {
  box-sizing: border-box;
  display: block;
  font-size: 36px;
  font-weight: 100;
  line-height: 48px;
  margin-bottom: 30px;
  letter-spacing: -1px;
}

.s4 .text3 {
  font-size: 15px;
  line-height: 20px;
}

.s4-off {
  padding-bottom: 200px;
}

.s4-off .text1 {
  padding-top: 100px;
  width: 370px;
}

.s4-off .text2 {
  width: 320px;
  margin-bottom: 100px;
}

.s4-on {
  display: none;
  padding-bottom: 20px;
}

.s4-on .text1 {
  padding-top: 40px;
  width: 390px;
}

.s4-on .text2 {
  width: 350px;
  margin-bottom: 70px;
}

.s4-on .text3 {
  width: 280px;
  margin-bottom: 60px;
}

.s5 {
  background-color: #e13f01;
  color: #fff;
  padding-top: 185px;
}

.s5 .item1 {
  background: url("../images/1920/s5_01.jpg") center 0 no-repeat;
  width: 229px;
  height: 233px;
}

.s5 .text1 {
  padding: 0 110px;
  margin-bottom: 50px;
}

.s6 {
  background-color: #e13f01;
  color: #fff;
  padding-top: 220px;
}

.s6 h2 {
  padding: 0 100px;
}

.s6 .text {
  margin-bottom: 50px;
}

.s6 .text1 {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 40px;
  padding: 0 100px;
}

.s6 .item1 {
  display: block;
  background: url("../images/1920/s6_01.jpg") center 0 no-repeat;
  height: 938px;
  margin-bottom: 60px;
}

.s6 .item2 {
  background: url("../images/1920/s6_02.jpg") center 0 no-repeat;
  width: 1263px;
  height: 349px;
  margin-bottom: 130px;
}

.s7 {
  background: url("../images/1920/s7.jpg") center 0 no-repeat fixed;
  height: 1211px;
  padding-top: 70px;
  letter-spacing: 0;
}

.s7 .text3 {
  width: 360px;
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 40px;
}

.s7 .text4 {
  width: 420px;
  margin-bottom: 80px;
}

.s7 .text5 {
  color: #e13f01;
  letter-spacing: 0px;
}

.s7 .item1 {
  display: block;
  background: url("../images/1920/s7_01.jpg") center 0 no-repeat fixed;
  width: 1020px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 50px 30px;
  position: relative;
  z-index: 2;
}

.s7 .item1 .item3 {
  position: absolute;
  left: 545px;
  top: 286px;
}

.s7 .item2 {
  background: url("../images/1920/s7_02.jpg") 0 0 no-repeat;
  width: 426px;
  height: 462px;
}

.s7 .item3 {
  background: url("../images/1920/s7_03.png") center 0 no-repeat;
  width: 370px;
  height: 81px;
}

.mediawrap {
  overflow-x: hidden;
}

.s8 {
  padding-top: 150px;
}

.s8 .item1 {
  background: url("../images/1920/s8_01.png") center 0 no-repeat;
  width: 420px;
  height: 166px;
  margin-bottom: 40px;
}

.s8 .text {
  padding: 0 60px;
  margin-bottom: 40px;
}

.s8 .s8box {
  left: 50%;
  margin-left: -867px;
}

.s8box {
  position: relative;
  width: 1734px;
  height: 640px;
}

.s8box .video {
  position: absolute;
  z-index: 11;
}

.s8box .videoimg {
  position: absolute;
  z-index: 12;
  background: url("../images/1920/s8_videoimg.jpg") center 0 no-repeat;
  width: 587px;
  height: 844px;
}

.s9 {
  background: #000;
  color: #fff;
  padding: 340px 0 100px;
}

.s9 .text1 {
  font-size: 36px;
  line-height: 60px;
  margin-bottom: 50px;
}

.s10 {
  background: #000;
  color: #fff;
  padding-top: 150px;
  height: 1840px;
  overflow: hidden;
}

.s10 .item {
  transition: all ease 400ms;
}

.s10 .text1 {
  font-size: 36px;
  line-height: 60px;
  margin-bottom: 50px;
}

.s10 .text2 {
  margin-bottom: 60px;
}

.s10 .text3 {
  font-size: 12px;
  line-height: 18px;
}

.s10 .item1 {
  background: url("../images/1920/s10_01.png") center 0 no-repeat;
  width: 505px;
  height: 275px;
  position: relative;
  z-index: 20;
}

.s10box {
  background: url("../images/1920/s10.jpg") center 0 no-repeat;
  height: 1725px;
  position: relative;
  margin-top: -160px;
  z-index: 10;
}

.s10box .text3 {
  position: absolute;
  left: 50%;
  top: 1050px;
  margin-left: 0px;
  z-index: 15;
}

.s11 {
  background-color: #242424;
  color: #fff;
  padding-top: 80px;
}

.s11 .item1 {
  background: url("../images/1920/s11_01.jpg") center 0 no-repeat;
  width: 535px;
  height: 125px;
  margin-bottom: 30px;
}

.s11 .item2 {
  background: url("../images/1920/s11_02.jpg") center 0 no-repeat;
  width: 955px;
  height: 187px;
  margin-bottom: 190px;
}

.s11 .text1 {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 40px;
}

.s11 .text2 {
  margin-bottom: 70px;
}

.s11s {
  overflow-x: hidden;
}

.s11slist {
  display: flex;
  flex-direction: row;
}

.s11slist .box01 {
  background: url("../images/1920/s11s_01.jpg") center 0 no-repeat;
  width: 692px;
  height: 844px;
  text-align: right;
}

.s11slist .box02 {
  background: url("../images/1920/s11s_02.jpg") center 0 no-repeat;
  width: 536px;
  height: 844px;
  text-align: center;
  min-width: 450px;
}

.s11slist .box03 {
  background: url("../images/1920/s11s_03.jpg") center 0 no-repeat;
  width: 692px;
  height: 844px;
  text-align: left;
}

.s11slist .item1 {
  background: url("../images/1920/s11s_04.png") center 0 no-repeat;
  max-width: 416px;
  padding-top: 32.56%;
}

.s11slist .item2 {
  background: url("../images/1920/s11s_05.png") center 0 no-repeat;
  max-width: 404px;
  padding-top: 32.56%;
}

.s11slist .item3 {
  background: url("../images/1920/s11s_06.png") center 0 no-repeat;
  max-width: 390px;
  padding-top: 32.56%;
}

.s11slist .item {
  display: block;
  background-size: contain;
}

.s11sbox {
  position: relative;
  letter-spacing: 0;
}

.s11sbox .text1 {
  font-size: 50px;
  line-height: 54px;
  margin: 10px 0 20px;
}

.s11sbox .text2 {
  margin-bottom: 20px;
}

.s11sbox .s11sbox-container {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.s11sbox .s11sbox-wrap {
  max-width: 430px;
  display: inline-block;
  text-align: left;
  padding: 20px 20px 40px;
}

.s11sbox .s11sbox-content {
  min-height: 300px;
}

.s12 {
  background-color: #242424;
  color: #fff;
  padding-top: 140px;
}

.s12 .item1 {
  display: block;
  background: url("../images/1920/s12_01.jpg") center 0 no-repeat;
  height: 471px;
  margin-bottom: 40px;
}

.s12 .item2 {
  display: block;
  background: url("../images/1920/s12_02.jpg") center 0 no-repeat;
  height: 165px;
}

.s12 .text1 {
  font-size: 110px;
  line-height: 100px;
  margin-bottom: 30px;
  letter-spacing: -4px;
}

.s12 .text2 {
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 60px;
  letter-spacing: -1px;
}

.s13 {
  background: url("../images/1920/s13.jpg") center bottom no-repeat;
  color: #fff;
  height: 1200px;
  padding-top: 250px;
  position: relative;
}

.s13 .frame {
  text-align: left;
  margin-top: 120px;
}

.s13 .item1 {
  background: url("../images/1920/s13_01.png") center 0 no-repeat;
  width: 433px;
  height: 186px;
}

.s13 .item3 {
  background: url("../images/1920/s13_03.png") center 0 no-repeat;
  width: 63px;
  height: 24px;
}

.s13 .item4 {
  background: url("../images/1920/s13_04.png") center 0 no-repeat;
  width: 371px;
  height: 179px;
}

.s13 .text1 {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 40px;
}

.s13 .row {
  position: relative;
  z-index: 12;
}

.s13 .item2 {
  background: url("../images/1920/s13_02.png") center 0 no-repeat;
  width: 1377px;
  height: 428px;
  animation: RGB-Switch 2s infinite steps(5, end);
  position: absolute;
  left: 50%;
  top: 693px;
  margin-left: -1500px;
  transform: rotate(-40deg);
  transform-origin: right top;
  z-index: 11;
}

.s13 .item1, .s13 .item4 {
  margin-top: 70px;
}

.s13box {
  padding: 0 10px;
  letter-spacing: 0;
}

@keyframes RGB-Switch {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 -2140px;
  }
}

.s14 {
  background: #242424 url("../images/1920/s14.jpg") center 0 no-repeat;
  color: #fff;
  height: auto;
  padding-top: 350px;
  padding-bottom: 50px;
}

.s14 .makeline {
  display: block;
}

.s14 .frame {
  margin-bottom: 130px;
}

.s14 .frame .text1 {
  width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.s14 .text1 {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 50px;
}

.s14 .text2 {
  padding: 0 40px;
}

.s14 .tips {
  margin-bottom: 70px;
  color: #21ff40;
}

.s14 .s11sbox-wrap .tips {
  bottom: 9px;
  color: #CCC;
  position: absolute;
  font-size: 14px;
}

.s14 .item1 {
  background: url("../images/1920/s14_01.jpg") center 0 no-repeat;
  width: 990px;
  height: 147px;
}

.s14 .item2 {
  background: url("../images/1920/dolby.png") 0 0 no-repeat;
  width: 328px;
  height: 35px;
}

.s14 .frame3 {
  margin-bottom: 200px;
}

.s14 .frame4 {
  margin-bottom: 900px;
}

.s14 .video {
  max-width: 800px;
  margin: 0 auto;
}

.s14 .video .video-frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.8);
}

.s14 .video .video-frame iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.s14 .video-title {
  font-size: 32px;
  line-height: 50px;
}

.spc:before {
  content: '';
  height: 0;
  display: block;
  background: url("../images/1920/s13_a.jpg") center 0 no-repeat;
  opacity: 0;
}

.spc:after {
  content: '';
  height: 0;
  display: block;
  background: url("../images/1920/s14_a.jpg") center 0 no-repeat;
  opacity: 0;
}

.spc .s13, .spc .s14 {
  transition: background-image 400ms ease;
}

.spc.on .s13 .item2 {
  display: none;
}

.spc.on .s13 {
  background-image: url("../images/1920/s13_a.jpg");
}

.spc.on .s14 {
  background-image: url("../images/1920/s14_a.jpg");
}

.s15 {
  background: url("../images/1920/s15.jpg") center 0 no-repeat;
  color: #fff;
  height: 810px;
  position: relative;
}

.s15 .frame {
  position: relative;
}

.s15 .text1 {
  font-size: 100px;
  line-height: 1;
  letter-spacing: -5px;
}

.s15 .text2 {
  font-size: 36px;
  line-height: 36px;
}

.s15 .text3 {
  font-size: 20px;
  line-height: 26px;
}

.s15 .text4 {
  font-size: 16px;
  line-height: 20px;
}

.s15 .text6 {
  color: #aaa;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0;
}

.s15 .item1 {
  position: absolute;
  left: 0;
  top: 89px;
  width: 100%;
  text-align: center;
}

.s15 .item2 {
  position: absolute;
  left: 15px;
  top: 230px;
  width: 360px;
}

.s15 .item2 .text5 {
  margin-bottom: 10px;
}

.s15 .item2 .text6 {
  margin-bottom: 50px;
}

.s15 .item3 {
  position: absolute;
  left: 595px;
  top: 237px;
  width: 370px;
}

.s15 .item3 .text3 {
  margin-bottom: 42px;
}

.s15 .item3 .text4 {
  margin-bottom: 25px;
}

.s15 .item4 {
  background: url("../images/1920/s15_01.jpg") center 0 no-repeat;
  width: 325px;
  height: 286px;
}

.s16 {
  background: url("../images/1920/s16.jpg") center 0 no-repeat;
  height: 1443px;
  padding-top: 112px;
}

.s16 .text1 {
  font-size: 36px;
  line-height: 48px;
}

.s17 {
  background: url("../images/1920/s17.jpg") center 0 no-repeat;
  padding-top: 100px;
}

.s17 .item1 {
  background: url("../images/1920/s17_01.png") center 0 no-repeat;
  width: 336px;
  padding-top: 31%;
}

.s17 .item2 {
  background: url("../images/1920/s17_02.png") center 0 no-repeat;
  width: 336px;
  padding-top: 31%;
}

.s17 .item3 {
  background: url("../images/1920/s17_03.png") center 0 no-repeat;
  width: 337px;
  padding-top: 38.5%;
}

.s17 .item5 {
  background: url("../images/1920/s17_05.jpg") center 0 no-repeat;
  width: 336px;
  padding-top: 60%;
}

.s17 .item {
  background-size: contain;
}

.s17 .item1 {
  margin-top: 40px;
}

.s17 .item2 {
  margin-top: 105px;
}

.s17 .item3 {
  margin-top: 100px;
}

.s17 .item5 {
  margin-top: 30px;
}

.s17list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.s17list .s17box {
  width: 33.3%;
  float: left;
  margin-top: 40px;
}

.s17list:after {
  content: "";
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
}

.s17box {
  padding: 1% 4%;
  box-sizing: border-box;
  display: inline-block;
}

.s17box .title {
  font-size: 24px;
  line-height: 36px;
  height: 36px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1366px) {
  .center {
    width: 960px;
  }
  .s6 .text1 {
    padding: 0 60px;
  }
  .s6 .item1 {
    background: url("../images/1366/s6_01.jpg") center 0 no-repeat;
    height: 792px;
  }
  .s6 .item2 {
    background-size: 960px auto;
    width: 960px;
    margin-bottom: 100px;
  }
  .s7 .item1 {
    width: 960px;
  }
  .s7 .item2 {
    background-size: contain;
    width: 383.4px;
    height: 415.8px;
  }
  .s12 .center {
    width: 100%;
  }
  .s14 .item1 {
    width: 900px;
    background-size: contain;
  }
  .s17 .center {
    width: 100%;
  }
  .s17 .item1, .s17 .item2, .s17 .item3 {
    width: 250px;
    background-size: contain;
  }
  .s17box {
    padding: 1% 2%;
  }
  .s11sbox-wrap .tips {
    left: 30px;
  }
}

@media screen and (max-width: 960px) {
  .center {
    width: 640px;
  }
  .center .frame {
    width: 100%;
  }
  .s2 {
    background-image: url("../images/960/s2.jpg");
    min-height: 954px;
    padding-top: 420px;
  }
  .s2 .frame {
    padding-left: 0;
    text-align: center;
  }
  .s3 {
    background-image: url("../images/960/s3.jpg");
    min-height: 1354px;
    padding-top: 820px;
  }
  .s3 .item2 {
    margin-left: auto;
  }
  .s4p:after {
    content: '';
    height: 0;
    display: block;
    background: url("../images/960/s4_b.jpg");
    opacity: 0;
  }
  .s4p.on .s4 {
    background-image: url("../images/960/s4_b.jpg");
  }
  .s4 {
    background-image: url("../images/960/s4.jpg");
    height: 1028px;
    padding-top: 40px;
  }
  .s4-off {
    padding-bottom: 190px;
  }
  .s4-off .text1 {
    width: 340px;
    padding-top: 20px;
  }
  .s4-off .text2 {
    width: 270px;
    margin-bottom: 20px;
  }
  .s4-on {
    padding-bottom: 10px;
  }
  .s4-on .text1 {
    padding-top: 0;
    line-height: 40px;
  }
  .s4-on .text2 {
    width: 290px;
    line-height: 28px;
    margin-bottom: 140px;
  }
  .s4-on .text3 {
    width: 190px;
    margin-bottom: 0px;
  }
  .s6 .text1 {
    padding: 0 10px;
    letter-spacing: -1px;
  }
  .s6 .item1 {
    background-image: url("../images/960/s6_01.jpg");
    height: 542px;
  }
  .s6 .item2 {
    background-size: auto;
    background-image: url("../images/960/s6_02.jpg");
    width: 623px;
    height: 755px;
  }
  .s7 {
    background: url("../images/960/s7.jpg") center 0 no-repeat;
    height: 1176px;
    position: relative;
  }
  .s7 .item1 {
    display: none;
  }
  .s7 .text4 {
    width: 300px;
    margin-bottom: 0;
    line-height: 29px;
  }
  .s8 {
    background: #f9f9f9 url("../images/960/s8.jpg") center bottom no-repeat;
    min-height: 1010px;
    padding-top: 60px;
  }
  .s8 .text {
    padding: 0;
    margin-bottom: 0;
  }
  .s8 .s8box {
    display: none;
  }
  .s8box {
    width: 902px;
    height: 367px;
    margin-bottom: 80px;
  }
  .s8box .video {
    display: none;
  }
  .s8box .videoimg {
    display: none;
  }
  .s9 {
    padding: 100px 0;
  }
  .s10 {
    padding-top: 60px;
    height: 1780px;
  }
  .s10 .item1 {
    margin-bottom: 80px;
  }
  .s10 .item, .s10 .s10box {
    opacity: 1 !important;
  }
  .s10box {
    background-image: url("../images/960/s10box.jpg");
    height: 967px;
    margin-top: 0;
  }
  .s10box .item2, .s10box .item3, .s10box .item4, .s10box .item5 {
    display: none;
  }
  .s10box .text3 {
    top: 641px;
    margin-left: -269px;
    text-align: center;
  }
  .s11 .item2 {
    background-image: url("../images/960/s11_02.jpg");
    width: 458px;
    height: 463px;
  }
  .s11slist {
    flex-direction: column;
  }
  .s11slist .box01 {
    background: url("../images/960/s11s_01.jpg") center 0 no-repeat;
    width: 100%;
    height: 548px;
    text-align: center;
  }
  .s11slist .box02 {
    background: url("../images/960/s11s_02.jpg") center 0 no-repeat;
    width: 100%;
    height: 548px;
    min-width: 450px;
    text-align: center;
  }
  .s11slist .box03 {
    background: url("../images/960/s11s_03.jpg") center 0 no-repeat;
    width: 100%;
    height: 548px;
    text-align: center;
  }
  .s11slist .item1, .s11slist .item2, .s11slist .item3 {
    width: 380px;
    background-size: contain;
  }
  .s11sbox {
    text-align: center;
    position: relative;
  }
  .s11sbox .s11sbox-container {
    position: static;
    display: inline-block;
    width: auto;
    max-width: 99%;
    vertical-align: middle;
  }
  .s11sbox .s11sbox-content {
    height: 270px;
  }
  .s11sbox:after {
    content: '';
    width: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    visibility: hidden;
  }
  .s12 .item1 {
    background: url("../images/960/s12_01.jpg") center 0 no-repeat;
    height: 441px;
  }
  .s12 .item2 {
    background: url("../images/960/s12_02.jpg") center 0 no-repeat;
    height: 214px;
  }
  .s13 {
    padding-top: 210px;
    background: #242424 url("../images/960/s13.jpg") center bottom no-repeat;
    height: auto;
    padding-bottom: 180px;
  }
  .s13 .item1 {
    background-image: url("../images/960/s13_01.png");
    width: 229px;
    height: 311px;
  }
  .s13 .item2 {
    display: none;
  }
  .s13 .item4 {
    background-image: url("../images/960/s13_04.png");
    width: 270px;
    height: 179px;
  }
  .s13 .text1 {
    padding: 0;
  }
  .s13box {
    padding: 0 40px;
  }
  .s14 {
    background-image: url("../images/960/s14.jpg");
    height: auto;
    padding-top: 340px;
    padding-bottom: 80px;
  }
  .s14 .frame {
    margin-bottom: 80px;
  }
  .s14 .makeline {
    display: inline;
  }
  .s14 .item1 {
    background-image: url("../images/960/s14_01.jpg");
    width: 489px;
    height: 357px;
  }
  .s14 .text2 {
    padding: 0 20px;
  }
  .s14 .frame3 {
    margin-bottom: 130px;
  }
  .s14 .frame4 {
    margin-bottom: 450px;
  }
  .spc:before {
    background-image: url("../images/960/s13_a.jpg");
  }
  .spc:after {
    background-image: url("../images/960/s14_a.jpg");
  }
  .spc.on .s13 {
    background-image: url("../images/960/s13_a.jpg");
  }
  .spc.on .s14 {
    background-image: url("../images/960/s14_a.jpg");
  }
  .s15 {
    letter-spacing: 0;
  }
  .s15 .item2 {
    width: 210px;
  }
  .s15 .item2 .text6 {
    margin-bottom: 30px;
  }
  .s15 .item3 {
    left: 415px;
    width: 220px;
  }
  .s15 .item4 {
    background-size: contain;
    width: 200px;
    height: 176px;
  }
  .s15 .text2 {
    letter-spacing: -1px;
  }
  .s15 .text3, .s15 .text4 {
    font-size: 16px;
    line-height: 20px;
  }
  .s16 {
    background: url("../images/960/s16.jpg") center 0 no-repeat;
  }
  .s16 .center {
    width: auto;
  }
  .s16 .tac {
    width: 640px;
    margin: 0 auto;
  }
  .s17 {
    padding: 100px 0;
    background-color: #e6e6e6;
  }
  .s17 .item1 {
    margin-top: 33px;
  }
  .s17 .item2 {
    margin-top: 97px;
  }
  .s17 .item3 {
    margin-top: 44px;
  }
  .s17 .item4 {
    margin-top: 39px;
  }
  .s17 .item5 {
    margin-top: 20px;
  }
  .s17 .item6 {
    margin-top: 20px;
  }
  .s17 .item {
    width: 100%;
    background-size: 100% auto;
  }
  .s17list .s17box {
    width: 50%;
    margin: 10px auto 20px;
  }
  .s17box {
    padding: 1% 2%;
  }
  .s17box .title {
    margin-bottom: 20px;
    height: 72px;
  }
  .s11sbox-wrap .tips {
    bottom: 39px;
    left: 223px;
  }
}

@media screen and (max-width: 640px) {
  .center {
    width: 320px;
  }
  #laptop_main {
    text-align: center;
  }
  .row-2 .column {
    width: 100%;
    float: none;
  }
  .s2 {
    background-image: url("../images/640/s2.jpg");
    min-height: 802px;
  }
  .s2 .textpic1 {
    display: none;
  }
  .s3 {
    background-image: url("../images/640/s3.jpg");
    height: 1900px;
    padding-top: 805px;
  }
  .s3 .item1 {
    display: none;
  }
  .s3 .text {
    margin-bottom: 40px;
  }
  .s3 .makeline {
    display: block;
  }
  .s3 .item2 {
    background-image: url("../images/640/s3_02.png");
    width: 228px;
    height: 429px;
  }
  .s4p .s4, .s4p.on .s4 {
    background-image: url("../images/640/s4.jpg");
  }
  .s4 {
    background-image: url("../images/640/s4.jpg");
    height: 1084px;
    padding-bottom: 0;
  }
  .s4 .frame .item {
    margin-bottom: 10px;
  }
  .s4 .vb {
    vertical-align: top;
  }
  .s4 .item1 {
    background: url("../images/640/s4_01.png") center 0 no-repeat;
    width: 253px;
    height: 313px;
  }
  .s4 .text2 {
    margin-bottom: 40px;
  }
  .s4 .text3 {
    width: auto;
    margin-bottom: 0;
  }
  .s4 .text1, .s4 .text2 {
    display: none;
  }
  .s4 .s4-off {
    display: none;
  }
  .s4 .s4-on {
    display: block;
  }
  .s4-empty, .s4-trigger {
    display: none;
  }
  .s5 {
    padding-top: 75px;
  }
  .s5 .text {
    padding: 0;
  }
  .s6 {
    padding-top: 100px;
  }
  .s6 .item1 {
    background-image: url("../images/640/s6_01.jpg");
    height: 268px;
  }
  .s6 .item2 {
    background-image: url("../images/640/s6_02.jpg");
    width: 318px;
    height: 1195px;
  }
  .s7 {
    background: url("../images/640/s7.jpg") center bottom no-repeat;
    padding-top: 40px;
    padding-bottom: 900px;
    height: auto;
  }
  .s7 .item1 {
    bottom: 94px;
    height: 607px;
    width: 100%;
    padding: 0;
    text-align: center;
    margin-left: 0;
    left: 0;
  }
  .s7 .item2 {
    height: 392px;
    padding: 170px 0 0;
  }
  .s7 .text1 {
    display: inline;
    letter-spacing: -6px;
  }
  .s7 .text2 {
    display: inline;
  }
  .s7 .text3 {
    margin-bottom: 10px;
  }
  .s7 .text5 {
    text-align: center;
    color: #fff;
  }
  .s7 .text4 {
    width: 320px;
    margin-bottom: 0;
    line-height: 29px;
  }
  .s8 {
    background-image: none;
    min-height: initial;
  }
  .s8 .item1 {
    background-size: contain;
    width: 294px;
    height: 116px;
  }
  .s8 .s8box {
    position: static;
    margin: 0;
    display: block;
    padding: 50px 0 0;
  }
  .s8box {
    width: auto;
    height: auto;
  }
  .s8box .videoimg {
    display: block;
    position: relative;
    background-image: url("../images/640/s8_videoimg.jpg");
    height: 250px;
    width: auto;
    margin-bottom: -120px;
  }
  .s9 {
    padding: 180px 0 0;
  }
  .s9 .fs-s {
    font-size: 80px;
  }
  .s10 {
    height: auto;
    padding: 80px 0;
  }
  .s10 .item1 {
    width: 303px;
    height: 165px;
    background-size: contain;
  }
  .s10box {
    position: relative;
    background-image: url("../images/640/s10box.jpg");
    height: auto;
    min-height: 469px;
    padding-top: 480px;
    box-sizing: border-box;
  }
  .s10box .text3 {
    position: relative;
    top: auto;
    left: auto;
    width: 320px;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 0;
  }
  .s11 .item1 {
    background-image: url("../images/640/s11_01.jpg");
    width: 308px;
    height: 71px;
    margin-bottom: 30px;
  }
  .s11 .item2 {
    background-image: url("../images/640/s11_02.jpg");
    width: 264px;
    height: 736px;
  }
  .s11slist .box02 {
    min-width: unset;
  }
  .s11sbox .s11sbox-wrap {
    text-align: center;
  }
  .s11sbox .s11sbox-content {
    height: auto;
    min-height: unset;
  }
  .s12 {
    padding-top: 140px;
  }
  .s12 .item1 {
    background-image: url("../images/640/s12_01.jpg");
    height: 264px;
  }
  .s12 .item2 {
    background-image: url("../images/640/s12_02.jpg");
    height: 247px;
  }
  .spc:before {
    background-image: url("../images/640/s13_a.jpg");
  }
  .spc:after {
    background-image: url("../images/640/s14_a.jpg");
  }
  .spc.on .s13 {
    background-image: url("../images/640/s13_a.jpg");
  }
  .spc.on .s14 {
    background-image: url("../images/640/s14_a.jpg");
  }
  .s13 {
    padding-top: 120px;
    background-image: url("../images/640/s13.jpg");
    padding-bottom: 80px;
  }
  .s13 .row-2 .column {
    width: 100%;
    float: none;
  }
  .s13 .text1 {
    height: auto;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .s13 .text2 {
    margin-bottom: 40px;
  }
  .s13 .s13box:first-child .text2 {
    display: none;
  }
  .s13box {
    margin-bottom: 40px;
    text-align: center;
  }
  .s14 {
    background-image: url("../images/640/s14.jpg");
    height: auto;
    padding-top: 100px;
  }
  .s14 .frame .text1 {
    width: auto;
  }
  .s14 .makeline {
    display: inline;
  }
  .s14 .item1 {
    background-image: url("../images/640/s14_01.jpg");
    width: 296px;
    height: 223px;
  }
  .s14 .item2 {
    background: url("../images/640/dolby.png") 0 0 no-repeat;
    width: 200px;
    height: 21px;
  }
  .s14 .text1 {
    line-height: 36px;
  }
  .s14 .text2 {
    padding: 0;
  }
  .s14 .video-title {
    font-size: 20px;
    line-height: 40px;
  }
  .s15 {
    background-image: url("../images/640/s15.jpg");
    height: 861px;
    padding-top: 70px;
  }
  .s15 .item1, .s15 .item2, .s15 .item3 {
    position: static;
    width: auto;
  }
  .s15 .item1 {
    margin-bottom: 115px;
  }
  .s15 .item2, .s15 .item3 {
    padding: 0 10px;
    margin-bottom: 0;
  }
  .s15 .item4 {
    position: absolute;
    bottom: -190px;
    left: 50%;
    margin-left: -100px;
  }
  .s15 .text1 {
    font-size: 70px;
    letter-spacing: -2px;
  }
  .s16 {
    background-image: url("../images/640/s16.jpg");
    height: 870px;
    padding-top: 120px;
  }
  .s16 .tac {
    width: 320px;
  }
  .s16 .text1 {
    letter-spacing: 0;
  }
  .s17 {
    padding: 120px 0 100px;
    text-align: left;
  }
  .s17 .item {
    width: 70%;
    margin: 20px 0 0;
  }
  .s17list .s17box {
    width: 100%;
  }
  .s17box {
    padding: 1% 4%;
  }
  .s17box .title {
    margin-bottom: 20px;
    height: auto;
  }
}