@charset "utf-8"; .video-playlist-section .container{padding-top:20px;padding-bottom:20px}.video-playlist-section h2.section-sub-title{font-family:"Playfair Display",serif;font-weight:900;font-size:24px;line-height:34px;letter-spacing:-0.48px;color:#FFF;display:flex;align-items:center;margin-bottom:24px}.video-playlist-section h2.section-sub-title::before{content:"";width:29px;height:29px;background:url(../../images/th-online/h-circle-red.svg) no-repeat center center;background-size:contain;margin-right:8px;display:inline-block}.video-playlist-section .video-playlist-container{display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.video-playlist-section .video-playlist-container .video-playlist-main-item{flex:1;margin-right:16px}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video{width:100%}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video iframe{max-width:100%;margin:0 auto;display:block}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video iframe .jw-reset,.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video iframe .jwplayer{width:100% !important;height:auto !important}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-text{font-family:"Merriweather",serif;font-weight:normal;font-size:26px;line-height:32px;letter-spacing:-0.65px;color:#FFF;margin-top:24px;padding-right:24px}.video-playlist-section .video-playlist-container .video-playlist-nav-items{max-width:450px;width:50%;max-height:610px;height:auto;overflow:auto}.video-playlist-section .video-playlist-container .video-playlist-nav-items::-webkit-scrollbar{width:5px;transition:width .3s;cursor:pointer;display:block}.video-playlist-section .video-playlist-container .video-playlist-nav-items::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3137254902);border-radius:50px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item{display:flex;align-items:flex-start;justify-content:flex-start;margin:0;padding:12px;cursor:pointer;border-bottom:1px solid #404040}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:last-child{border-bottom:none}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-thumb-player{width:100%;display:none}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active,.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:hover{background:#404040;position:relative}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active:before,.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:hover:before{left:0;top:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-left-color:#FFF;border-width:8px;margin-top:-8px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-thumb{width:176px;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;--bs-aspect-ratio:calc(9 / 16 * 100%)}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-thumb::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-thumb::after{content:"";background:url(../../images/th-online/video-play-icon.svg) no-repeat center center;background-size:contain;position:absolute;z-index:1;bottom:0;left:0;width:60px;height:40.97px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-title{flex:1;font-family:"Merriweather",serif;font-weight:normal;font-size:20px;line-height:26px;letter-spacing:-0.77px;color:#FFF;padding:0 0 0 8px}.video-playlist-section .video-playlist-container .small-link.expand-all{color:#fff;margin:10px 0 0;display:none}.video-playlist-section .video-playlist-container .small-link.expand-all .text{color:#fff}.video-playlist-section .video-playlist-container .small-link.expand-all .slider{background:#fff}.video-playlist-section .cast{margin-top:32px}.video-playlist-section .cast .element .title a{color:#FFF}.video-playlist-section .cast .element h2.title{margin-bottom:12px}.video-playlist-section .cast .element h2.title a{font-family:"Playfair Display",serif;font-weight:900;font-size:24px;line-height:34px;letter-spacing:-0.48px;color:#FFF}.video-playlist-section .cast .center-align-load-more{text-decoration:underline;margin:48px auto 0 auto !important;color:#FFF}.video-playlist-section .cast .center-align-load-more:hover,.video-playlist-section .cast .center-align-load-more:focus{background:transparent;color:#FFF}.video-playlist-section .cast .center-align-load-more .text::after{display:none}.black-bg .small-link.center-align-load-more{color:#fff}.black-bg .small-link.center-align-load-more .text::after{filter:invert(1)}.black-bg .small-link.center-align-load-more:hover{background:#222}@media screen and (max-width:1000px){.video-playlist-section .video-playlist-container{flex-direction:column}.video-playlist-section .video-playlist-container .video-playlist-main-item{width:100%;display:none}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video{width:100%}.video-playlist-section .video-playlist-container .video-playlist-nav-items{max-width:100%;width:100%;height:980px;overflow:hidden}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item{padding:15px 0}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:first-child{padding-top:0}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:last-child{padding-bottom:0;border-bottom:0}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-thumb{width:130px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-title{padding-left:15px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active{flex-direction:column;background:transparent}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active .video-playlist-nav-thumb-player{display:block}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active .video-playlist-nav-thumb{display:none}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active .video-playlist-nav-title{margin:0;padding:0}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active::before{display:none}.video-playlist-section .video-playlist-container .small-link.expand-all{display:block}}@media screen and (max-width:570px){.video-playlist-section{padding:0 0}.video-playlist-section .video-playlist-container .video-playlist-nav-items{max-height:785px;height:auto}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item iframe{max-width:100%}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-title{font-size:16px;line-height:22px}}@media screen and (max-width:1200px) and (min-width:1001px){.video-playlist-section{padding:30px 0}.video-playlist-section h2.section-sub-title{font-size:22px}.video-playlist-section .video-playlist-container{display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.video-playlist-section .video-playlist-container .video-playlist-main-item{flex:1;margin-right:16px}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video{display:flex;justify-content:center;align-items:center}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video iframe{max-width:100%;margin:0 auto;display:block}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video iframe .jw-reset,.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-video iframe .jwplayer{width:100% !important;height:auto !important}.video-playlist-section .video-playlist-container .video-playlist-main-item .video-playlist-main-text{font-family:"Merriweather",serif;font-weight:normal;font-size:26px;line-height:32px;letter-spacing:-0.65px;color:#FFF;margin-top:24px;padding-right:24px}.video-playlist-section .video-playlist-container .video-playlist-nav-items{max-width:450px;width:50%;height:610px;overflow:auto}.video-playlist-section .video-playlist-container .video-playlist-nav-items::-webkit-scrollbar{width:5px;transition:width .3s;cursor:pointer;display:block}.video-playlist-section .video-playlist-container .video-playlist-nav-items::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.3137254902);border-radius:50px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item{display:flex;align-items:flex-start;justify-content:flex-start;margin:0;padding:12px;cursor:pointer;border-bottom:1px solid #404040}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:last-child{border-bottom:none}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-thumb-player{width:100%;display:none}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active,.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:hover{background:#404040;position:relative}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item.active:before,.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item:hover:before{left:0;top:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-left-color:#FFF;border-width:8px;margin-top:-8px}.video-playlist-section .video-playlist-container .video-playlist-nav-items .video-playlist-nav-item .video-playlist-nav-title{flex:1;font-family:"Merriweather",serif;font-weight:normal;font-size:20px;line-height:26px;letter-spacing:-0.77px;color:#FFF;padding:0 0 0 8px}.video-playlist-section .video-playlist-container .small-link.expand-all{color:#fff;margin:10px 0 0;display:none}.video-playlist-section .video-playlist-container .small-link.expand-all .text{color:#fff}.video-playlist-section .video-playlist-container .small-link.expand-all .slider{background:#fff}.video-playlist-section .cast{margin-top:20px}.video-playlist-section .cast .element .title{margin-bottom:10px}.video-playlist-section .cast .element .title a{font-size:20px;line-height:normal}}