@charset "utf-8";
#tvCFPage .dis-mo {
  display: none;
}
#tvCFPage .main,
#tvCFPage .con {
  text-align: center;
}
#tvCFPage .main {
  background-color: #fbf2c7;
}
#tvCFPage .video {
  position: relative;
  top: -5px;
  width: 1105px;
  /* height: 621px; */
  margin: 0 auto;
}
#tvCFPage .video .video-shadow {
  position: absolute;
  left: 10px;
  top: 11px;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #f37835;
}
#tvCFPage .video .yt_box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  cursor: pointer;
}
/* #tvCFPage .main .video .yt_box[data-num="1"] {
  z-index: 2;
} */
#tvCFPage .video-frame-box {
  padding-top: 60px;
  text-align: center;
}
#tvCFPage .video-frame-box a {
  margin-left: 23px;
}
#tvCFPage .video-frame-box a:first-child {
  margin-left: 0;
}
#tvCFPage .main-txt-frame {
  padding: 52px 0 171px 0;
}
#tvCFPage .con.first {
  padding-bottom: 148px;
}
#tvCFPage .con.second {
  padding-bottom: 161px;
  background-color: #f8f8f8;
}
#tvCFPage .con.first>h2 {
  padding: 142px 0 78px 0;
}
#tvCFPage .con.second>h2 {
  padding: 128px 0 122px 0;
}
#tvCFPage .con.second>h3 {
  padding-bottom: 68px;
}
#tvCFPage .con.third>h3 {
  padding: 147px 0 43px 0;
}
#tvCFPage .con.third .img-frame {
  margin: 0;
  padding: 0;
}
#tvCFPage .con.third .img-frame img {
  display: block;
  margin: 0 auto;
}
#tvCFPage .con.third .img-frame.last,
#tvCFPage .con.fourth {
  background-color: #f8f8f8;
}
#tvCFPage .con.fourth>h3 {
  padding: 0 0 85px 0;
}
#tvCFPage .con.fourth .img-frame {
  padding-bottom: 168px;
}
#tvCFPage .con.fourth .btn-frame {
  padding-bottom: 181px;
}
#tvCFPage .con.fourth .btn-frame>a {
  display: inline-block;
}
#tvCFPage .con.fifth .img-frame {
  width: 100%;
  height: 540px;
  background: url('../imgs/common/tvCF/fifth_bg.gif') no-repeat center top;
  background-color: #2f2f2f;
}
#tvCFPage .con.fifth .img-frame img {
  display: block;
  position: relative;
  top: -38px;
  margin: 0 auto;
}
/* making add */
#tvCFPage .con.zero {
  background-color: #f8f8f8;
}
#tvCFPage .con.zero2 {
  background-color: #f1f1f1;
}
#tvCFPage .con.zero .making-title {
  padding: 144px 0 64px 0;
}
#tvCFPage .con.zero .making-title2 {
  padding-bottom: 72px;
}
#tvCFPage .con.zero .video-frame-box {
  padding: 52px 0 158px 0;
}
#tvCFPage .con.zero2 .making-title {
  padding: 108px 0 91px 0;
}
#tvCFPage .con.zero2 .making-txt {
  padding: 78px 0 133px 0;
}
#tvCFPage .con.zero2 .img-frame,
#tvCFPage .con.zero2 .img-frame.mo {
  display: inline-block;
  position: relative;
}
#tvCFPage .con.zero2 .img-frame a,
#tvCFPage .con.zero2 .img-frame.mo a {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  /* background-color: plum; */
  width: 10px;
  height: 10px;
  opacity: 0.5;
  cursor: pointer;
  /* text-indent: -9999px; */
}
#tvCFPage .con.zero2 .img-frame a.making-img1 {
  width: 681px;
  height: 511px;
}
#tvCFPage .con.zero2 .img-frame a.making-img2,
#tvCFPage .con.zero2 .img-frame a.making-img3,
#tvCFPage .con.zero2 .img-frame a.making-img4,
#tvCFPage .con.zero2 .img-frame a.making-img5 {
  width: 411px;
  height: 248px;
}
#tvCFPage .con.zero2 .img-frame a.making-img2 {
  left: initial;
  right: 0;
}
#tvCFPage .con.zero2 .img-frame a.making-img3 {
  left: initial;
  right: 0;
  top: 262px;
}
#tvCFPage .con.zero2 .img-frame a.making-img4 {
  top: 526px;
}
#tvCFPage .con.zero2 .img-frame a.making-img5 {
  top: initial;
  bottom: 0;
}
#tvCFPage .con.zero2 .img-frame a.making-img6 {
  top: initial;
  bottom: 0;
  left: initial;
  right: 0;
  width: 681px;
  height: 511px;
}
#tvCFPage .con.zero2 .img-frame.mo a.making-img1-mo {
  width: 100%;
  height: 31.5%;
}
#tvCFPage .con.zero2 .img-frame.mo a.making-img2-mo {
  top: 34%;
  width: 100%;
  height: 31.5%;
}
#tvCFPage .con.zero2 .img-frame.mo a.making-img3-mo {
  top: initial;
  bottom: 0;
  width: 100%;
  height: 31.5%;
}
@media all and (max-width:1024px) {
  .dis-pc {
    display: none;
  }
  #tvCFPage .dis-mo {
    display: block;
  }
  #tvCFPage .video .video-shadow {
    display: none;
  }
  #tvCFPage .video {
    width: 100%;
    /* height: 500px; */
  }
  #tvCFPage .video-frame-box {
    width: 97%;
    margin: 0 auto;
  }
  #tvCFPage .video-frame-box a {
    margin: 22px 0 0 23px;
    padding-left: 0;
  }
  #tvCFPage .video-frame-box a:first-child {
    margin-top: 0;
  }
  #tvCFPage .video-frame-box {
    padding-top: 7.8%;
  }
  #tvCFPage .con.zero .video-frame-box {
    padding: 0 0 5%;
  }
  #tvCFPage .con.third .img-frame {
    padding-bottom: 26.7%;
  }
  #tvCFPage .con.fourth>h3 {
    padding-top: 27.1%;
  }
  #tvCFPage .con.fourth .img-frame {
    padding-bottom: 24%;
  }
  #tvCFPage .con.fourth .btn-frame {
    padding-bottom: 22.8%;
  }
  #tvCFPage .con.fifth .img-frame {
    height: auto;
  }
  #tvCFPage .con.fifth .img-frame img {
    width: 100%;
    top: 0;
  }
  #tvCFPage .con.fifth .img-frame {
    background-size: cover;
  }
  #tvCFPage .main .main__inner>img {
    width: 100%;
  }

}
@media all and (max-width:767px) {
  #tvCFPage .video {
    width: 100%;
    /* height: 291px; */
  }
  #tvCFPage .con.zero .making-title {
    padding: 89px 0 53px;
  }
  #tvCFPage .video-frame-box a,
  #tvCFPage .video-frame-box a:first-child {
    margin: 22px 0 0;
  }
}