.modal {
  display: none;
  position: fixed; 
  z-index:9999; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; 
  padding: 20px;
  border: 1px solid #888;
  width: 35%; 

}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.btn-share {
	margin-top: 5px;
    background-color: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
.btn-share:hover {
    background: #000000;
    color: #fff;
}

button, input[type="button"], input[type="submit"] {
	margin-top:5px;
}




body.woocommerce-js #TB_title {
    background: none !important;
    border-bottom:none !important;
}
body.woocommerce-js #TB_ajaxContent {
    width: 100% !important; margin-top: 10px;
}
body.woocommerce-js span.tb-close-icon {
    margin-top: 6px;
    right: 6px;
}

body.woocommerce-js .vid-share a {
    background: #000;
    color: #fff;
}


body.woocommerce-js .vid-share a:hover {
    background: #767676 !important; border:1px solid #767676 !important;
}

body.woocommerce-js .modal-content h2 {
    padding-top: 0;
}

body.woocommerce-js .sec-field {
    margin-bottom: 7px;
}
body.woocommerce-js span.tb-close-icon {
    color: #aaa;
}
body.woocommerce-js span.tb-close-icon:hover{ color:#000 !important;}

body.woocommerce-js iframe {
    margin-bottom: 0 !important;
}
.show_if_video_player a::before {
    font-family: Dashicons;
    speak: none;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "/f03d";
    font-variant: normal;
    text-decoration: none;
}
@media (max-width:600px) {
	body.woocommerce-js .modal-content { margin-left: 10px;
    margin-right: 10px; width:auto !important;}
	
}

@media (min-width: 320px) and (max-width:480px) {
	body.woocommerce-js #TB_window{ margin-left: -152px !important;
    width: 302px !important;}
	

	
}

.video-popup .wppv-container {
  width: 400px;
  height: 250px;
}

.video-popup .vid-share {
  margin-top: -20px;
}

.plyr__control--overlaid {
  z-index: 4 !important;
}

.wppv_player_toolbar {
  padding-top:10px;
  padding-bottom:10px;
}

.wppv-popup-page header,.wppv-popup-page .woocommerce-breadcrumb, .wppv-popup-page footer, .wppv-popup-page #mcfwc-pin-container, .wppv-popup-page #sidebar,.wppv-popup-page .footer-nav-widgets-wrapper, .wppv-popup-page .post-meta-edit-link-wrapper {
  display: none;
}

.wppv-popup-page #page-container {
  padding-top: 0px !important;
}

.wppv-popup-page #main-content .container {
  padding: 0px !important;
  width: 100%;
}

.wppv-popup-page .download-file, .wppv-popup-page .total-shares {
  display: none !important;
}

.wppv-popup-page .woocommerce-notices-wrapper, .wppv-popup-page .woocommerce-checkout .col-2, .wppv-popup-page .woocommerce-checkout h3 {
  display: none !important;
}

/* .wppv-container.wppv-chrome .plyr__video-embed__container {
  z-index: 10 !important;
  opacity: 1 !important;
}

.wppv-container.wppv-chrome.wppv-started .plyr__video-embed__container {
  z-index: auto !important;
  opacity: 1 !important;
} */

.wppv_schedule_count_down {
  background-color: rgba(0,0,0,0.8);
  color: white;
  font-size: 12px;
  padding: 8px;
  border-radius: 5px;
  position: absolute;
  bottom: 10px;
  line-height: 100%;
  left: 10px;
}

/* .plyr__video-embed__container iframe {
  z-index: 1000000000 !important;
}

.plyr--playing .plyr__video-embed__container iframe {
  z-index: auto !important;
} */
/*.plyr__video-embed {
  padding-bottom: 0px !important;
}

.plyr__video-embed__container {
  transform: none !important;
}*/
/**
  * Help Tip
  */
.woocommerce-help-tip {
  color: #666;
  display: inline-block;
  font-size: 1.1em;
  font-style: normal;
  height: 16px;
  line-height: 16px;
  position: relative;
  vertical-align: middle;
  width: 16px;
}

.woocommerce-help-tip::after {
  font-family: 'Dashicons';
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  content: '\f223';
  /*@include icon_dashicons( "\f223" );*/
  cursor: help;
}

.wppv-click-to-copy {
  cursor: pointer;
}

/**
  * Tooltips
  */
.tips {
  cursor: help;
  text-decoration: none;
}

img.tips {
  padding: 5px 0 0;
}

#tiptip_holder {
  display: none;
  z-index: 8675309;
  position: absolute;
  top: 0;

  /*rtl:ignore*/
  left: 0;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;

  
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #333;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #333;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #333;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #333;
}
 
#tiptip_content,
.chart-tooltip,
.wc_error_tip {
  color: #fff;
  font-size: 0.8em;
  max-width: 150px;
  background: #333;
  text-align: center;
  border-radius: 3px;
  padding: 0.618em 1em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

#tiptip_content code,
.chart-tooltip code,
.wc_error_tip code {
  padding: 1px;
  background: #888;
}

#tiptip_arrow,
#tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

.wppv-white-popup .woocommerce-variation-add-to-cart .quantity {
  display: none !important;
}

.mfp-bg {
  z-index: 99991042 !important;
}

.mfp-wrap {
  z-index: 99991043 !important;
}

.wppv_license_row button {
  color: #fff;
  padding: 3px 10px;
  background-color: #2ea3f2;
  border: 1px solid #2ea3f2;
  transition: color .2s,background .2s;
  text-transform: uppercase;
  margin-left: 10px;
}

.wppv_license_row button:hover {
  color: #2ea3f2;
  background: 0 0;
}

.wppv-btn.wppv_player_btn_disabled {
  opacity: 0.5
}
/* .wppv-btn.wppv_player_btn_disabled.wppv-is-loading {
  opacity: 1
} */

/* HTML: <div class="loader"></div> */
.wppv-is-loading::before {
  content: ' ';
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 2px;
  aspect-ratio: 1;
  margin-right: 3px;
  border-radius: 50%;
  background: #FFF;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: wppvl3 1s infinite linear;
}

.wppv-is-loading:hover::before {
  background: #2ea3f2;
}
@keyframes wppvl3 {to{transform: rotate(1turn)}}

ul.wppv-video-list {
  margin: 20px 0px 0px;
  padding: 0px;
  list-style: none;
}

ul.wppv-video-list li {
  display: inline-block;
  padding: 0px 15px 0px 0px;
  margin: 0px;
  box-sizing: border-box;
}

.wppv_player_toolbar ul.wppv-video-list:nth-child(1) {
  margin: 0px;
}

.wppv-hidden {
  display: none;
}

.wppv_li {
  position: relative;
}

.wppv_free_mark {
  position: absolute;
  right: 17px;
  top: 2px;
  font-size: 5px !important;
  color: white;
}

.wppv-white-popup .mfp-close:after {
  color: transparent !important;
}

.wppv-license-box-container {
  display: flex;
  justify-content: left;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
}

.wppv-license-box-container input {
  margin: 0px;
  padding: 7px;
  font-size: 18px;
  width: 370px;
}

.wppv-btn {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.wppv-btn-featured {
  color: #fff;
  padding: 10px 30px;
  background-color: #2ea3f2;
  border: 1px solid #2ea3f2;
  transition: color .2s,background .2s;
  text-transform: uppercase;
  margin-left: 10px;
}

.wppv-btn-featured:hover {
  color: #2ea3f2;
  background: 0 0;
}

.wppv-btn-delete {
  padding: 5px 15px;
  background-color: #fff;
  color: #f82008;
  border: 1px solid #f82008;
  transition: color .2s,background .2s;
  text-transform: uppercase;
  margin-left: 10px;
}

.wppv-btn-delete:hover {
  color: #fff;
  background-color: #f82008 !important;
  background: 0 0;
}

.wppv-license-error {
  color: red;
}
.wppv-btn-toolbar {
  display:flex;
  align-content: center;
  flex-direction: row;
  justify-content: center;
  padding:15px;
}

.wppv-btn-toolbar2 {
  display:inline-block;
  align-content: center;
  flex-direction: row;
  justify-content: center;
  padding:0px;
  position: absolute;
  right: 0px;
  top: 0px;
}

.wppv-btn-toolbar a.wppv_btn {
  margin:15px;
  background: #ff9700;
  color: #fcfcfc;
  padding: 10px 20px;
  font-size: 14px;
  opacity: 0.8;
  text-decoration: none;
  border: 1px solid #fcfcfc;
}

.wppv-btn-toolbar a.wppv_btn:hover {
  opacity: 1;
}

.wppv-btn-toolbar a.wppv_player_btn_enter_license {
  background: #000;
  color: #eee;
  padding: 10px 20px;
  opacity: 0.8;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid #eee;
}

.wppv-video-list-players li {
  width: 33.3%;
  display: inline-block;
  float: left;
}

.wppv-video-list-players li h6{
  margin: 10px 0px;
}

.wppv-container {
	position: relative;
}

.wppv-container .wppv-poster {
  display: none;
}

.wppv-container.wppv-container-video-hidden .wppv-poster {
  display: block;
}

.wppv-container-video-hidden .plyr {
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.wppv_refresh_poster_btn {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.wppv-audio-container .plyr {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.wppv-audio-container .plyr.plyr--audio .plyr__controls {
  background: none;
}

.wppv-audio-container .plyr.plyr--audio .plyr__controls:hover {
  background: rgba(0,0,0,0.2);
}

/* :root {
  --plyr-color-main: #1ac266;
} */

a[href='wppv_hidden']{ display: none }
/*body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--purchased-products a:before{
  content: "\f1b2";
}*/

.plyr--full-ui.plyr--video .plyr__control--bigvr {
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cpath fill='%23FFF' d='M334.883 275.78l-6.374-36.198-6.375-36.2-28.16 23.62-28.164 23.62 25.837 9.41C266.247 296.544 224 320.5 176.25 320.5c-77.47 0-140.5-63.03-140.5-140.5 0-77.472 63.03-140.5 140.5-140.5 53.428 0 99.98 29.978 123.733 73.993l13.304-6.923C287.025 57.76 235.45 24.5 176.25 24.5c-85.743 0-155.5 69.757-155.5 155.5 0 85.742 69.757 155.5 155.5 155.5 54.253 0 102.09-27.94 129.922-70.177l28.71 10.457z'/%3E%3Cpath fill='%23FFF' d='M314.492 175.167c-12.98 0-23.54-10.56-23.54-23.54s10.56-23.54 23.54-23.54c12.98 0 23.54 10.56 23.54 23.54s-10.56 23.54-23.54 23.54zm0-38.08c-8.018 0-14.54 6.522-14.54 14.54s6.522 14.54 14.54 14.54c8.017 0 14.54-6.522 14.54-14.54s-6.523-14.54-14.54-14.54z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M88.76 173.102h9.395c4.74-.042 8.495-1.27 11.268-3.682 2.77-2.412 4.157-5.903 4.157-10.474 0-4.4-1.153-7.817-3.46-10.25-2.307-2.434-5.83-3.65-10.568-3.65-4.147 0-7.554 1.195-10.22 3.585-2.666 2.392-4 5.514-4 9.364H69.908c0-4.74 1.26-9.055 3.776-12.95 2.518-3.892 6.03-6.928 10.537-9.108 4.508-2.18 9.554-3.27 15.14-3.27 9.225 0 16.472 2.318 21.74 6.952 5.27 4.634 7.903 11.077 7.903 19.33 0 4.147-1.323 8.05-3.967 11.71-2.646 3.66-6.062 6.422-10.252 8.284 5.078 1.736 8.94 4.465 11.584 8.19s3.968 8.166 3.968 13.33c0 8.294-2.847 14.895-8.538 19.804s-13.17 7.363-22.438 7.363c-8.887 0-16.166-2.37-21.836-7.11-5.67-4.74-8.506-11.045-8.506-18.916h15.425c0 4.062 1.365 7.363 4.094 9.902 2.73 2.54 6.4 3.81 11.014 3.81 4.782 0 8.55-1.27 11.3-3.81s4.126-6.22 4.126-11.045c0-4.865-1.44-8.61-4.316-11.235-2.878-2.623-7.152-3.936-12.822-3.936H88.76V173.1zM187.598 133.493v12.76h-1.904c-8.633.126-15.53 2.497-20.693 7.108-5.162 4.614-8.23 11.152-9.203 19.615 4.95-5.205 11.277-7.808 18.98-7.808 8.166 0 14.608 2.878 19.328 8.633 4.718 5.755 7.077 13.182 7.077 22.28 0 9.395-2.76 17.002-8.284 22.82-5.52 5.818-12.77 8.73-21.74 8.73-9.226 0-16.705-3.407-22.44-10.222-5.733-6.812-8.6-15.742-8.6-26.787v-5.267c0-16.208 3.945-28.903 11.84-38.086 7.89-9.182 19.242-13.774 34.054-13.774h1.586zM171.03 177.61c-3.386 0-6.485.95-9.3 2.855-2.814 1.904-4.877 4.443-6.188 7.617v4.697c0 6.854 1.438 12.304 4.316 16.345 2.877 4.04 6.602 6.062 11.172 6.062s8.188-1.715 10.854-5.143 4-7.934 4-13.52-1.355-10.135-4.063-13.648c-2.708-3.51-6.304-5.267-10.79-5.267zM271.136 187.447c0 13.29-2.486 23.307-7.46 30.057s-12.535 10.125-22.69 10.125c-9.988 0-17.51-3.292-22.566-9.872-5.058-6.58-7.65-16.323-7.776-29.23V172.53c0-13.287 2.485-23.252 7.458-29.896 4.973-6.643 12.558-9.966 22.757-9.966 10.112 0 17.655 3.237 22.63 9.712 4.97 6.475 7.52 16.166 7.647 29.072v15.995zm-15.425-17.265c0-8.674-1.185-15.033-3.554-19.075-2.37-4.04-6.137-6.062-11.3-6.062-5.035 0-8.738 1.915-11.107 5.745-2.37 3.83-3.62 9.807-3.746 17.932v20.948c0 8.633 1.206 15.064 3.618 19.297s6.2 6.348 11.362 6.348c4.95 0 8.61-1.957 10.98-5.87 2.37-3.915 3.62-10.04 3.746-18.378v-20.885z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:contain
}

.plyr--full-ui.plyr--video .plyr__control--bigvr svg {
  display:none
}

:hover.plyr--full-ui.plyr--video .plyr__control--bigvr {
  -webkit-transition: border-color .4s, outline .4s, background-color .4s;
  transition:border-color .4s, outline .4s, background-color .4s
}

.plyr--full-ui.plyr--video .plyr__control--bigvr::before {
  content: ''
}

.plyr--full-ui.plyr--video canvas {
  cursor: move;
  z-index:2
}

.plyr--full-ui.plyr--video .plyr__controls .plyr__control--vr {
  height: 30px;
  width: 30px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI0ZGRkZGRiI+CiAgICA8cGF0aCBkPSJNMjAuNzQgNkgzLjIxQzIuNTUgNiAyIDYuNTcgMiA3LjI4djEwLjQ0YzAgLjcuNTUgMS4yOCAxLjIzIDEuMjhoNC43OWMuNTIgMCAuOTYtLjMzIDEuMTQtLjc5bDEuNC0zLjQ4Yy4yMy0uNTkuNzktMS4wMSAxLjQ0LTEuMDFzMS4yMS40MiAxLjQ1IDEuMDFsMS4zOSAzLjQ4Yy4xOS40Ni42My43OSAxLjExLjc5aDQuNzljLjcxIDAgMS4yNi0uNTcgMS4yNi0xLjI4VjcuMjhjMC0uNy0uNTUtMS4yOC0xLjI2LTEuMjh6TTcuNSAxNC42MmMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTMgMS4xOCAwIDIuMTIuOTYgMi4xMiAyLjEzcy0uOTUgMi4xMi0yLjEyIDIuMTJ6bTkgMGMtMS4xNyAwLTIuMTMtLjk1LTIuMTMtMi4xMiAwLTEuMTcuOTYtMi4xMyAyLjEzLTIuMTNzMi4xMi45NiAyLjEyIDIuMTMtLjk1IDIuMTItMi4xMiAyLjEyeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+Cjwvc3ZnPgo=) no-repeat center center
}

.plyr--full-ui.plyr--video .plyr__controls .plyr__control--vr:hover {
  background-color: #1aafff;
  color: #fff
}


/* Flannian 20220426 */