.computer-mask{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5;
}

.computer-mask-title{
  font-size: 36px;
  letter-spacing: 5px;
  color: #fff;
  position: absolute;
  text-align: center;
  bottom:  10%;
  left: 0;
  right: 0;
}

.computer-youtube-bg{
  width: 100%;
  height: 100%;
  display:block;
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../img/bg2.jpg');
}

.computer{
  width: 100%;
  margin-bottom: 60px;
}

.computer-icon{
  width: 250px;
  max-width: 100%;
  margin: 20px auto;
}
.computer-img-box{
  width: 100%;
  font-size: 0;
}
.computer-banner{
  width: 100%;
  height: 400px;
  line-height: 400px;
  font-family: Noto Sans TC;
  background-image: url('../img/computer/computer-banner-a.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 50px auto;
}
.computer-banner span{
  width: 80%;
  margin: 0 auto;
  color: #FFF;
  font-size: 30px;
  display: block;
  letter-spacing: 5px;
}

.computer-img-left{
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.computer-img-right{
  width: 50%;
  display: inline-block;
}

.computer-s-img, .computer-s-img2{
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  font-size: 0;
}

.computer-s-img-box{
  width: 50%;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.computer-s-title{
  width: 50%;
  display: inline-block;
  font-size: 20px;
  color: #606060;
  line-height: 1.6;
  padding-left: 20px;
}

.computer-s-img:nth-child(even), .computer-img-box:nth-child(even){
  direction: rtl;
}

.computer-b-img{
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}
.computer-s-title-p{
  width: 200px;
  max-width: 100%;
  margin: 0 auto;
}
.computer-s-title p{
  font-size: 20px;
  color: #606060;
  text-align: left;
}

.computer-s-title-p p:nth-child(even){
  text-align: right;
  padding-top: 10px;
}

.computer-img-box:nth-child(even) .computer-banner span{
  text-align: right;
}