@charset "UTF-8";

/* Video */
.pr-video .video {position: relative; right: -50px; opacity: 0;}
.pr-video .video .slider {position: relative; left: 105px;}
.pr-video .video .container {text-align: right;}
.pr-video .video .cover {position: relative; display: inline-flex; overflow: hidden; width: 100%; max-width: 1430px; height: 100vh; border-radius: 220px 0 0 0;}
.pr-video .video .cover::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: calc(100%); background: url('../images/pattern.png');}
.pr-video .video .cover iframe {position: absolute; left: 50%; top: -10px; width: 102vw; height: 102%; transform: translate(-50%, 0);}
.pr-video .video .cover img {max-width: none; height: 100%}

.pr-video .video-thumb {position: absolute; left: -50px; bottom: 40px; z-index: 110; opacity: 0; width: 100%; font-size: 0;}
.pr-video .video-thumb .slick-track {display: flex; flex-direction: row;}
.pr-video .video-thumb .row {position: relative; left: -180px; max-width: 880px;}
.pr-video .video-thumb .slider {display: inline-block; width: calc(100% - 200px); padding-right: 25px; vertical-align: middle;}
.pr-video .video-thumb .slider li {float: left; width: 33.333%; padding-left: 25px; cursor: pointer;}
.pr-video .video-thumb .slider .box {overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; height: 200px; background: linear-gradient(90deg, rgba(230,55,141,1) 0%, rgba(248,111,100,1) 100%); font-family: 'Dream Medium'; font-size: 16px; text-align: center;}
.pr-video .video-thumb .slider .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pr-video .video-thumb .slider .bg img {width: 100%; height:100%; object-fit: cover;}
.pr-video .video-thumb .slider .text {position: relative; z-index: 1; color: #fff; direction: ltr; line-height:20px;}
.pr-video .video-thumb .button {display: inline-block; vertical-align: middle;}
.pr-video .video-thumb .next {position: relative; display: flex; justify-content: center; align-items: center; width: 200px; height: 200px; background: url('../images/line-video-thumb.png') no-repeat center top; background-size: cover;}
.pr-video .video-thumb .next span {font-family: 'Titil Bold'; font-size: 16px; color: #fff;}
.pr-video .video-thumb .next span::after {content: ''; display: inline-block; width: 30px; height: 11px; margin-left: 55px; background: url('../images/btn-visual-next.png') no-repeat center;}

@media (max-width: 1740px) {
  .pr-video .video .slider {left: 20px; padding-left: 370px;}
}

@media (max-width: 1500px) {
  .pr-video .video {right: 0; opacity: 1;}
  .pr-video .video .container {padding: 0;}
  .pr-video .video .cover {max-width: 100%; height: 0; padding-bottom: 63%; border-radius: 0;}
  .pr-video .video .cover::after {height: calc(100% - 10px);}
  .pr-video .video .cover iframe {top: -10px; width: 112vw; height: 100%;}
  .pr-video .video .slider {left: 0; padding-left: 0;}
  /* .pr-video .video .slider {padding-left: 300px;} */
  .pr-video .video-thumb {left: 0; opacity: 1;}
}

@media (max-width: 1200px) {
  /* .pr-video .video .cover {height: 765px;} */
  .pr-video .video .cover {padding-bottom: 61%;}
  .pr-video .video .cover iframe {width: 142vw;}
  .pr-video .video-thumb {bottom: 40px;}
  .pr-video .video-thumb .slider {width: calc(100% - 160px);}
  .pr-video .video-thumb .slider .box {height: 160px;}
  .pr-video .video-thumb .next {width: 160px; height: 160px;}
}

@media (max-width: 940px) {
  /* .pr-video .video .slider {padding-left: 165px;} */
  /* .pr-video .video .cover {height: 600px;} */
  .pr-video .video .cover {padding-bottom: 80%;}
  .pr-video .video .cover iframe {width: 142vw;}
  .pr-video .video-thumb {bottom: 30px;}
  .pr-video .video-thumb .row {left: 0; padding-right: 30%;}
  .pr-video .video-thumb .slider {width: calc(100% - 140px);}
  .pr-video .video-thumb .slider .box {height: 140px; font-size: 13px;}
  .pr-video .video-thumb .next {width: 140px; height: 140px;}
  .pr-video .video-thumb .next span {font-size: 13px;}
}

@media (max-width: 660px) {
  .pr-video .video .container {padding: 0;}
  .pr-video .video .slider {left: 0; padding-left: 0;}
  .pr-video .video .cover {padding-bottom: 108%;}
  .pr-video .video .cover iframe {width: 192vw;}
  /* .pr-video .video .cover {border-radius: 0;} */
  .pr-video .video-thumb .slider {width: calc(100% - 70px);}
  .pr-video .video-thumb .row {padding-right: 0; padding-left: 150px;}
  .pr-video .video-thumb .next {width: 70px; background: none; border: 1px solid #fff;}
  .pr-video .video-thumb .next span::after {display: none;}
  .pr-video .video-thumb {bottom: 40px;}
  .pr-video .video-thumb .slider {padding-right: 11px;}
  .pr-video .video-thumb .slider li {padding-left: 10px;}
}
@media (max-width: 500px) {
  .pr-video .video-thumb .slider .box {height:105px; font-size: 11px;}
  .pr-video .video-thumb .next {height:105px;}
}