/*!* 色系設定 *!*/
.vjs-theme-v8 .vjs-big-play-button,.vjs-theme-v8 .vjs-big-play-button:active,.vjs-theme-v8 .vjs-big-play-button:focus,.vjs-theme-v8:hover .vjs-big-play-button{background-color:var(--gin-player-btn-bg-color)}
:root{--gin-player-color:#297e9a;--gin-player-color-outside:#ffffff;--gin-player-color-alpha:var(--gin-player-color) 82;--gin-player-color-font:#ffffff;--gin-player-btn-bg-color:rgba(0, 0, 0, 0);--gin-player-font-size:1.3rem;--gin-player-setting-background-color:rgb(0 0 0 / 65%)}
/*!* 中間大播放按鈕 *!*/
.vjs-theme-v8.vjs-ended .vjs-big-play-button,.vjs-theme-v8.vjs-paused .vjs-big-play-button,.vjs-theme-v8.vjs-paused.vjs-has-started .vjs-big-play-button{display:block}
.vjs-theme-v8 .vjs-load-progress div,.vjs-theme-v8.vjs-seeking .vjs-big-play-button,.vjs-theme-v8.vjs-waiting .vjs-big-play-button{display:none!important}
.vjs-theme-v8 .vjs-big-play-button{top:50%;left:50%;margin-left:-1em;margin-top:-1em;width:2em;height:2em;line-height:2em;border:none;border-radius:50%;font-size:40vmin;opacity:.7;color:#fff;-webkit-transition:border-color .4s,outline .4s,background-color .4s;-moz-transition:border-color .4s,outline .4s,background-color .4s;-ms-transition:border-color .4s,outline .4s,background-color .4s;-o-transition:border-color .4s,outline .4s,background-color .4s;transition:border-color .4s,outline .4s,background-color .4s}
.vjs-theme-v8 .vjs-big-play-button:hover{color:var(--gin-player-color)}
.vjs-theme-v8 .vjs-control-bar,.vjs-theme-v8 .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected{color:var(--gin-player-color-font)}
/*!* 中間大播放按鈕 end *!*/
.vjs-theme-v8 .vjs-loading-spinner{border-color:var(--gin-player-color)}
.vjs-theme-v8 .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected,.vjs-theme-v8 .vjs-volume-level{background-color:var(--gin-player-color)}
/*!* color end *!*/
/*!* player control *!*/
.vjs-theme-v8 .vjs-control.vjs-button{width:3em}
.vjs-theme-v8 .vjs-control-bar{background:linear-gradient(to top,rgb(0,0,0,80%),rgb(0,0,0,0));font-size:var(--gin-player-font-size)}
.vjs-theme-v8 .vjs-spacer{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto}
.vjs-theme-v8 .vjs-time-control.vjs-current-time,.vjs-theme-v8 .vjs-time-control.vjs-time-control{display:flex;padding-left:5px;padding-right:5px}
.vjs-theme-v8 .vjs-time-control.vjs-remaining-time{display:none}
.vjs-theme-v8 .vjs-time-control.vjs-time-divider{padding:0;margin:0;width:auto;min-width:unset}
.vjs-theme-v8 .vjs-volume-control.vjs-control.vjs-volume-vertical{z-index:1;border-radius:10px}
.vjs-theme-v8 .vjs-playback-rate .vjs-menu{left:-1em}
.vjs-theme-v8 .vjs-subs-caps-button .vjs-menu{left:-3.5em}
.vjs-theme-v8 .vjs-quality-selector .vjs-menu{left:-2em}
.vjs-theme-v8 .vjs-menu-button .vjs-menu .vjs-menu-content{max-height:70vh!important}
.vjs-theme-v8 .vjs-menu li{font-size:1em}
/*!* player control end *!*/
/*!* volume *!*/
.vjs-theme-v8 .vjs-volume-vertical{background-color:var(--gin-player-setting-background-color)}
.vjs-theme-v8 .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical,.vjs-theme-v8 .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical{width:2.5em;height:7.3em;bottom:7.3em}
.vjs-theme-v8 .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.vjs-theme-v8 .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.vjs-theme-v8 .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.vjs-theme-v8 .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.vjs-theme-v8 .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.vjs-theme-v8 .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-2.7em}
/*!* volume end *!*/
/*!* player progress *!*/
.vjs-theme-v8 .vjs-mouse-display:after,.vjs-theme-v8 .vjs-play-progress:after{padding:0 .4em .3em}
.vjs-theme-v8 .vjs-progress-control .vjs-play-progress:before{border:4px solid var(--gin-player-color-outside);border-radius:.7em;content:"";height:.7em;top:-.2em;width:.7em;z-index:0}
.vjs-theme-v8 .vjs-play-progress,.vjs-theme-v8 .vjs-play-progress:before{background-color:var(--gin-player-color);border-radius:10px}
.vjs-theme-v8 .vjs-progress-control{position:absolute;left:2.5%;right:2.5%;width:95%;height:50px;top:-60px;justify-content:center}
.vjs-theme-v8 .vjs-progress-control .vjs-progress-holder{position:absolute;bottom:0;margin:0;width:100%;border-radius:10px}
.vjs-theme-v8.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,.vjs-theme-v8.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,.vjs-theme-v8.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,.vjs-theme-v8.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,.vjs-theme-v8.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control{height:.25em;top:-.25em;pointer-events:none;-webkit-transition:height 1s,top 1s;-moz-transition:height 1s,top 1s;-ms-transition:height 1s,top 1s;-o-transition:height 1s,top 1s;transition:height 1s,top 1s}
.vjs-theme-v8.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,.vjs-theme-v8.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.vjs-theme-v8.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,.vjs-theme-v8.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.vjs-theme-v8.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control{opacity:0;-webkit-transition:opacity 1s ease 1s;-moz-transition:opacity 1s ease 1s;-ms-transition:opacity 1s ease 1s;-o-transition:opacity 1s ease 1s;transition:opacity 1s ease 1s}
.vjs-theme-v8 .vjs-load-progress{background:rgba(255,255,255,.8);border-radius:10px}
@media screen and (max-width:720px){.vjs-theme-v8 .vjs-control-bar{font-size:calc(var(--gin-player-font-size)/ 1.3)}
.vjs-theme-v8 .vjs-progress-control .vjs-play-progress:before{border:3px solid var(--gin-player-color-outside)}
}
@media screen and (max-width:480px){.vjs-theme-v8 .vjs-control-bar{font-size:calc(var(--gin-player-font-size)/ 1.8)}
.vjs-theme-v8 .vjs-progress-control{height:25px;top:-25px}
.vjs-theme-v8 .vjs-progress-control .vjs-play-progress:before{border:2px solid var(--gin-player-color-outside)}
.vjs-theme-v8 .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:unset;grid-template-rows:unset}
}
/*!* player progress end *!*/
/*!* player menu content *!*/
.vjs-theme-v8 .vjs-menu-button-popup .vjs-menu .vjs-menu-content{border-radius:10px;background-color:var(--gin-player-setting-background-color)}
.vjs-theme-v8 .vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item .vjs-menu-item-text{text-transform:capitalize}
/*!* player menu content end *!*/
/*!* vtt settings *!*/
.vjs-theme-v8 .vjs-text-track-settings{font-size:.9rem;height:100%}
/*!* vtt settings end *!*/
/*!* audio settings *!*/
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:0;visibility:visible;pointer-events:auto}
/*!* audio settings end *!*/
/*!* screen *!*/
/*!* plugin *!*/
/*!* videojs-watermark *!*/
.vjs-watermark-content img{height:20vh;max-height:100px}
@media screen and (max-width:480px){.vjs-watermark-content img{height:30vh}
}
/*!* videojs-watermark end *!*/
/*!* Quality *!*/
/*!* Quality End *!*/
/*!* vtt *!*/
/*!* vtt end *!*/
/*!* Little screen*!*/
/*!* Little screen end *!*/