*,
:after,
:before {
box-sizing: border-box;}

:root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;}

html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;}

body {
margin: 0;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI",
Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";}

hr {
height: 0;}

abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;}

b,
strong {
font-weight: bolder;}

code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
font-size: 1em;}

small {
font-size: 80%;}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;}

sub {
bottom: -.25em;}

sup {
top: -.5em;}

button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;}

button,
select {
text-transform: none;}

[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button;}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;}

legend {
padding: 0;}

progress {
vertical-align: baseline;}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;}

summary {
display: list-item;}

html {
font-size: 16px;
word-spacing: 1px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #fafafc;
color: #333;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body {
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
"Microsoft YaHei", sans-serif !important;}

::-moz-selection {
background: #d9c2f0;}

::-moz-selection,
::selection {
background: #d9c2f0;}

img {
vertical-align: top;
-o-object-fit: contain;
object-fit: contain;}

.up-fs-1 {
font-size: 12px;}

.up-fs-2 {
font-size: 14px;}

.up-fs-3 {
font-size: 16px;}

.up-fs-4 {
font-size: 18px;}

.up-fs-5 {
font-size: 24px;}
.up-title{
text-align: center;
    color: #3973ac;
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 40px;
}
.vjs-big-play-button {
left: 50% !important;
top: 50% !important;
width: 120px !important;
transform: translate(-50%, -50%) !important;}

@media screen and (max-width:600px) {
.vjs-big-play-button {
width: 80px !important;}
}

.video-js {
width: 100% !important;
height: 100% !important;}

.article-render p {
text-indent: 2rem; word-break: break-all;
margin: 1rem 0;
line-height: 1.6;}

.article-render td p {
text-indent: 0;}

.article-render h2,
.article-render h3,
.article-render h4 {
font-weight: 700;
margin-bottom: 1rem;}

.article-render h2 {
font-size: 1.5rem;
margin-top: 2rem;}

.article-render h3 {
font-size: 1.25rem;
margin-top: 1.75rem;}

.article-render h4 {
font-size: 1.125rem;
margin-top: 1.5rem;}

.article-render .text-small {
font-size: .8em;}

.article-render .text-big {
font-size: 1.5em;}

.article-render .text-huge {
font-size: 2em;}

.article-render ol>li,
.article-render ul>li {
margin: .5rem 2rem;}

.article-render ul>li {
list-style: disc;}

.article-render ol>li {
list-style: decimal;}

.article-render a {
color: #4080bf; word-break: break-all;
transition: background-color .3s;}

.article-render a:hover {
background-color: #d6e6f5;}

.article-render a:active {
color: #b82e2e;}

.article-render figure.image {
clear: both;
text-align: center;
margin: 1em auto;}

.article-render figure.image img {
display: block;
margin: 0 auto;
max-width: 80%;
min-width: 50px;}

.article-render figure.image>figcaption {
caption-side: bottom;
word-break: break-word;
color: #333;
background-color: #f7f7f7;
padding: .6em;
font-size: .75em;
outline-offset: -1px;}

.article-render figure.table {
margin: 2.5rem auto;}

.article-render table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;}

.article-render table.no-border,
.article-render table.no-border td,
.article-render table.no-border th {
border-color: transparent;}

.article-render table,
.article-render td,
.article-render th {
border: 1px double #b3b3b3;
border-collapse: collapse;}

.article-render td,
.article-render th {
min-width: 2em;
padding: .4em;}

.article-render th {
font-weight: 700;
background: rgba(0, 0, 0, .05);
text-align: left;}

.article-render blockquote {
overflow: hidden;
padding-right: 1.5em;
padding-left: 1.5em;
margin-left: 0;
margin-right: 0;
font-style: italic;
border-left: 5px solid #ccc;}

.article-render blockquote p {
text-indent: 0;}

.article-render iframe {
display: block;
width: 80%;
margin: 1rem auto;
height: 600px;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before { display: none; }
.video-js .vjs-big-play-button .vjs-icon-placeholder {     border: 9px solid transparent;
    border-left: 14px solid #fff;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 0px 2px 9px;} 

@media screen and (max-width:600px) {
.article-render iframe {
height: 200px;}
}



.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
text-align: center;}


.video-js .vjs-big-play-button
.vjs-icon-placeholder:before,.video-js .vjs-play-control
.vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal;}



.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal;}.vjs-icon-play-circle:before{content:"\f102";}.video-js
.vjs-play-control.vjs-playing
.vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js
.vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103";}.video-js
.vjs-mute-control.vjs-vol-0
.vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js
.vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104";}.video-js
.vjs-mute-control.vjs-vol-1
.vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js
.vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105";}.video-js
.vjs-mute-control.vjs-vol-2
.vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js
.vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106";}.video-js
.vjs-mute-control
.vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js
.vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107";}.video-js
.vjs-fullscreen-control
.vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js
.vjs-fullscreen-control
.vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108";}.video-js.vjs-fullscreen
.vjs-fullscreen-control
.vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal;}.video-js.vjs-fullscreen
.vjs-fullscreen-control
.vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109";}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal;}.vjs-icon-square:before{content:"\f10a";}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal;}.vjs-icon-spinner:before{content:"\f10b";}.video-js.video-js:lang(en-AU)
.vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ)
.vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js
.vjs-subtitles-button .vjs-icon-placeholder, .vjs-icon-subtitles {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
content: "\f10c";}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
content: "\f10d";}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
content: "\f10e";}

.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-share:before {
content: "\f10f";}

.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-cog:before {
content: "\f110";}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
content: "\f111";}

.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-circle-outline:before {
content: "\f112";}

.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-circle-inner-circle:before {
content: "\f113";}

.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-hd:before {
content: "\f114";}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
content: "\f115";}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
content: "\f116";}

.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-facebook:before {
content: "\f117";}

.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-gplus:before {
content: "\f118";}

.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-linkedin:before {
content: "\f119";}

.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-twitter:before {
content: "\f11a";}

.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-tumblr:before {
content: "\f11b";}

.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-pinterest:before {
content: "\f11c";}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
content: "\f11d";}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
content: "\f11e";}

.vjs-icon-next-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-next-item:before {
content: "\f11f";}

.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal;}

.vjs-icon-previous-item:before {
content: "\f120";}

.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: normal;}

.video-js:-moz-full-screen {
position: absolute;}

.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;}

.video-js[tabindex="-1"] {
outline: none;}

.video-js *,
.video-js :after,
.video-js :before {
box-sizing: inherit;}

.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin: 0;}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
width: 100%;
max-width: 100%;
height: 0;}

.video-js.vjs-16-9 {
padding-top: 56.25%;}

.video-js.vjs-4-3 {
padding-top: 75%;}

.video-js.vjs-fill,
.video-js .vjs-tech {
width: 100%;
height: 100%;}

.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;}

body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;}

.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;}

.video-js.vjs-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;}

.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;}

.vjs-hidden {
display: none !important;}

.vjs-disabled {
opacity: .5;
cursor: default;}

.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;}

.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;}

.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto;}

.vjs-no-js a,
.vjs-no-js a:visited {
color: #66a8cc;}

.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: .06666em solid #fff;
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7);
border-radius: .3em;
transition: all .4s;}

.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -.75em;
margin-left: -1.5em;}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, .5);
transition: all 0s;}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
display: none;}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;}

.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
overflow: visible;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}

.vjs-control .vjs-button {
width: 100%;
height: 100%;}

.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: .5em;
z-index: 2;}

.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, .8);
background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
overflow: auto;
box-sizing: content-box;}

.video-js .vjs-modal-dialog>* {
box-sizing: border-box;}

.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;}

.vjs-menu-button {
cursor: pointer;}

.vjs-menu-button.vjs-disabled {
cursor: default;}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;}

.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
box-sizing: content-box;}

.vjs-menu .vjs-menu-content>* {
box-sizing: border-box;}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
display: none;}

.vjs-menu li {
list-style: none;
margin: 0;
padding: .2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, .5);}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2b333f;}

.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 .3em;
font-weight: 700;
cursor: default;}

.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, .7);}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
display: block;}

.video-js .vjs-menu-button-inline {
transition: all .4s;
overflow: hidden;}

.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;}

.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all .4s;}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
display: block;
opacity: 1;}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
width: auto;}

.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;}

.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7);}

.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility .1s, opacity .1s;}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s;}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
display: none !important;}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;}

.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;}

.vjs-button>.vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #fff;}

.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;}

.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;}

.video-js .vjs-custom-control-spacer {
display: none;}

.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;}

.video-js .vjs-progress-control.disabled {
cursor: default;}

.vjs-live .vjs-progress-control {
display: none;}

.vjs-no-flex .vjs-progress-control {
width: auto;}

.video-js .vjs-progress-holder {
flex: auto;
transition: all .2s;
height: .3em;}

.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666666666667em;}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
left: 0;
top: 0;}

.video-js .vjs-play-progress {
background-color: #fff;}

.video-js .vjs-play-progress:before {
font-size: .9em;
position: absolute;
right: -.5em;
top: -.333333333333333em;
z-index: 1;}

.video-js .vjs-load-progress {
background: #bfc7d3;
background: rgba(115, 133, 159, .5);}

.video-js .vjs-load-progress div {
background: #fff;
background: rgba(115, 133, 159, .75);}

.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: hsla(0, 0%, 100%, .8);
border-radius: .3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
display: block;
font-size: .6em;
visibility: visible;}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;}

.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none;}

.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, .8);}

.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 .45em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, .5);}

.video-js .vjs-slider.disabled {
cursor: default;}

.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;}

.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
padding-left: 2em;
padding-right: 2em;
padding-bottom: 3em;}

.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex;}

.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;}

.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;}

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical,
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

.video-js .vjs-volume-panel {
transition: width 1s;}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel:hover .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s;}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;}

.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: 9em;
transition: width .1s;}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: .5em;}

.video-js .vjs-volume-panel {
display: flex;}

.video-js .vjs-volume-bar {
margin: 1.35em .45em;}

.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: .3em;}

.vjs-volume-bar.vjs-slider-vertical {
width: .3em;
height: 5em;
margin: 1.35em auto;}

.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;}

.video-js .vjs-volume-level:before {
position: absolute;
font-size: .9em;}

.vjs-slider-vertical .vjs-volume-level {
width: .3em;}

.vjs-slider-vertical .vjs-volume-level:before {
top: -.5em;
left: -.3em;}

.vjs-slider-horizontal .vjs-volume-level {
height: .3em;}

.vjs-slider-horizontal .vjs-volume-level:before {
top: -.3em;
right: -.5em;}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;}

.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, .7);}

.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;}

.vjs-poster {
display: inline-block;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;}

.vjs-poster,
.vjs-poster img {
vertical-align: middle;
padding: 0;}

.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
width: 100%;}

.vjs-has-started .vjs-poster {
display: none;}

.vjs-audio.vjs-has-started .vjs-poster {
display: block;}

.vjs-using-native-controls .vjs-poster {
display: none;}

.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;}

.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;}

.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;}

.video-js .vjs-current-time,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time {
display: none;}

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
width: 0 !important;
white-space: nowrap;}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;}

.vjs-time-divider {
display: none;
line-height: 3em;}

.vjs-live .vjs-time-divider {
display: none;}

.video-js .vjs-play-control .vjs-icon-placeholder {
cursor: pointer;
flex: none;}

.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;}

.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: .1em;
background-color: #000;
background-color: rgba(0, 0, 0, .5);}

.vjs-subtitles {
color: #fff;}

.vjs-captions {
color: #fc6;}

.vjs-tt-cue {
display: block;}

video::-webkit-media-text-track-display {
transform: translateY(-3em);}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);}

.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;}

.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0;}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;}

.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -.5em;
position: absolute;
text-shadow: .05em .05em .1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;}

.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .85;
text-align: left;
border: 6px solid rgba(43, 51, 63, .7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear .3s forwards;
animation: vjs-spinner-show 0s linear .3s forwards;}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: #fff transparent transparent;}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff;}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: .44s;
animation-delay: .44s;}

@keyframes vjs-spinner-show {
to {
visibility: visible;}
}

@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;}
}

@keyframes vjs-spinner-spin {
to {
transform: rotate(1turn);}
}

@-webkit-keyframes vjs-spinner-spin {
to {
-webkit-transform: rotate(1turn);}
}

@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;}

20% {
border-top-color: #73859f;}

35% {
border-top-color: #fff;}

60% {
border-top-color: #73859f;}

to {
border-top-color: #73859f;}
}

@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;}

20% {
border-top-color: #73859f;}

35% {
border-top-color: #fff;}

60% {
border-top-color: #73859f;}

to {
border-top-color: #73859f;}
}

.vjs-chapters-button .vjs-menu ul {
width: 24em;}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -.1em;}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10d";
font-size: 1.5em;
line-height: inherit;}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -.1em;}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f11d";
font-size: 1.5em;
line-height: inherit;}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
flex: auto;
display: block;}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto;}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-panel,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-panel {
display: none;}

.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2b333f;
background-color: rgba(43, 51, 63, .75);
color: #fff;
height: 70%;}

.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
display: table-cell;}

.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;}

@supports (display:grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto;}

.vjs-text-track-settings .vjs-track-settings-colors {
display: block;
grid-column: 1;
grid-row: 1;}

.vjs-text-track-settings .vjs-track-settings-font {
grid-column: 2;
grid-row: 1;}

.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 2;
grid-row: 2;}
}

.vjs-track-setting>select {
margin-right: 5px;}

.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;}

.vjs-text-track-settings fieldset span {
display: inline-block;}

.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px;}

.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f);}

.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, .75);}

.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f);
color: #2b333f;
cursor: pointer;
border-radius: 2px;}

.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;}

@media print {
.video-js>:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;}
}

.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js :focus:not(.focus-visible),
.video-js :focus:not(:focus-visible) {
outline: none;}

@media \0screen {
.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
content: "";}
}

@media \0screen {
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: hidden;}
}

.nuxt-progress {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 2px;
width: 0;
opacity: 1;
transition: width .1s, opacity .4s;
background-color: #000;
z-index: 999999;}

.nuxt-progress.nuxt-progress-notransition {
transition: none;}

.nuxt-progress-failed {
background-color: red;}

.header{
background: linear-gradient(135deg, #8f469a, #c82a48);}

.container{
display: flex;
margin: 0 auto;
padding: 0 10px;}

@media screen and (min-width:1200px) {
.container {
width: 1170px;}
}

.video-js div video{ width: 100% !important; max-height: 414px; height: auto !important; }
.container .logo-container {
flex: 1;}

.container .right {
width: 200px;
min-width: 200px;
margin: 30px 20px 0 0;}

@media screen and (max-width:600px) {
.container .right {
display: none;}
}

.logo {
height: 50px;
margin: 20px 0px 20px 0px;
max-width: 100%;}

@media screen and (max-width:600px) {
.logo {
height: 80px;
padding: 10px 50px 10px 10px;}
}

@media screen and (max-width:950px) {
.hide-mobile {
display: none;}
}

.switchLangLink {
color: #ccc;
text-decoration: none;
padding: 0 10px;
margin: 25px 10px 15px;
line-height: 40px;}

@media screen and (max-width:600px) {
.switchLangLink {
margin: 35px 10px 5px;}
}

.content {
min-height: calc(100vh - 290px);}

@media screen and (max-width:600px) {
.content {
min-height: calc(100vh - 120px);}
}

.up-search-box {
flex: 1;
display: flex;
border: 1px solid #bfbfbf;
height: 31px;
color: #fff;
transition: border-color .3s, background-color .3s;}

.up-search-box:hover,
.up-search-box[focus-within] {
border-color: #fff;
background-color: hsla(0, 0%, 100%, .1);}

.up-search-box:focus-within,
.up-search-box:hover {
border-color: #fff;
background-color: hsla(0, 0%, 100%, .1);}

.up-search-box .clear-button {
height: 100%;
cursor: pointer;
transition: opacity .3s, background-color .3s;}

.up-search-box .clear-button:hover {
background-color: hsla(0, 0%, 100%, .2);}

.up-search-box .clear-icon,
.up-search-box .search-icon {
height: 100%;
width: 16px;
margin: 0 8px;
color: #d9d9d9;}

.up-search-box input {
flex: 1;
color: #fff;
background-color: transparent;
border: none;
height: 100%;
vertical-align: top;
outline: none;
padding: 0;
min-width: 50px;}

.fade-enter-active,
.fade-leave-active {
transition: opacity .3s, background-color .3s;}

.fade-enter,
.fade-leave-to {
opacity: 0;}

.fa-icon {
display: inline-block;
fill: currentColor;
overflow: visible;
vertical-align: -.125em;}

.fa-icon>g {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;}

.fa-flip-horizontal {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);}

.fa-flip-vertical {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);}

.fa-flip-both {
-webkit-transform: scale(-1);
transform: scale(-1);}

.fa-spin>g {
-webkit-animation: fa-spin 1s linear 0s infinite;
animation: fa-spin 1s linear 0s infinite;}

.fa-pulse>g {
-webkit-animation: fa-spin 1s steps(8) infinite;
animation: fa-spin 1s steps(8) infinite;}

.fa-inverse {
color: #fff;}

@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);}

to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);}
}

@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);}

to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);}
}

.list-item {
display: block;
padding: 15px;
text-decoration: none;
color: inherit;
transition: background-color .3s;}

@media screen and (max-width:600px) {
.list-item {
padding: 10px;}
}

.list-item:hover {
background-color: #d9d9d9;}

.list-container {
display: flex;
flex-wrap: wrap;
padding: 10px;}

@media screen and (max-width:600px) {
.list-container {
padding: 5px;}
}

.video-player {
display: inline-block;
width: 736px;
height: 414px;
margin: 10px;}
.video-player img { width: 100% !important; height: 100% !important; }
@media screen and (max-width:1200px) {
.video-player {
width: 100%;
height: auto;}
}

@media screen and (max-width:600px) {
.video-player {

margin: 5px;}
}

.list-news {
text-align: center;}

@media screen and (max-width:600px) {
.list-news {
width: 100%;}
}

.news-title {
display: inline-block;
color: #3973ac;
font-size: 32px;
padding-bottom: 10px;
border-bottom: 2px solid #3973ac;
text-align: center;
margin: 20px;}

@media screen and (max-width:600px) {
.news-title {
font-size: 24px;}
}

.notice-title {
color: #3973ac;
text-align: center;
font-size: 24px;}

.list-notice {
flex: 1;
background-color: #d9e6f2;
margin: 10px;
padding: 5px 5px 15px;
text-align: center;}

@media screen and (max-width:600px) {
.list-notice {
width: 100%;
margin: 5px;}
}

.list-notice .notice-item {
display: block;
text-decoration: none;
color: inherit;
margin: 5px 10px;
padding: 8px 12px;
line-height: 30px;
cursor: pointer;
overflow: auto;
text-align: left;
transition: background-color .3s;}

.list-notice .notice-item:hover {
background-color: #fafafa;}

.notice-dt {
float: left;
border: 1px solid silver;
text-align: center;
width: 60px;
margin: 5px 15px 0 0;}

.notice-dt .date {
height: 25px;
line-height: 24px;
font-size: 16px;
background-color: #fff;
border-bottom: 1px solid silver;
white-space: nowrap;}

.notice-dt .year {
background-color: #3973ac;
line-height: 24px;
color: #fff;
font-size: 16px;}

.button-more {
display: inline-block;
border: 1px solid silver;
padding: 10px 20px;
margin-top: 10px;
text-decoration: none;
color: #000;
transition: background-color .3s;
background-color: #e6e6e6;}

.button-more:hover {
background-color: #fafafa;}

.button-more:active {
background-color: #d9d9d9;}

@media screen and (min-width:600px) {
.navbar-v {
display: none !important;}
}

@media screen and (max-width:600px) {
.navbar-h {
display: none !important;}
}

a {
text-decoration: none;}

.up-navbar-h {
display: flex;
background: linear-gradient(0deg, #333, #404040);
border-top: 1px solid #666;
border-bottom: 1px solid #4d4d4d;
box-shadow: 0 1px 3px #666;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}

.up-navbar-h .container {
width: 100%;
margin: 0 auto;}

@media screen and (min-width:1200px) {
.up-navbar-h .container {
width: 1170px;}
}

.menu {
flex: 1;}

.menu .menu-item {
display: inline-block;
color: #fff;
line-height: 40px;
cursor: pointer;
padding: 0 20px;
transition: background-color .5s, color .5s;}

.menu .menu-item:hover {
color: #000;
background: #e6e6e6;}

.menu .menu-item.selected {
color: #000;
background: #ccc;}

.menu .menu-item.selected:hover {
background: #e6e6e6;}



.menu .one { display: inline-block;  position: relative; }
.menu .two { display: none; position: absolute; top: 100%; left: 0; min-width: 100%; }
.menu .two a  { white-space: nowrap; }
.submenu {
position: absolute;
z-index: 1;
border: 1px solid #a8a8a8;
background: #f3f3f2;
box-shadow: 2px 2px 8px hsla(0, 0%, 65.9%, .5);
padding: 5px 0;}

.submenu .submenu-item {
display: block;
padding: 5px 16px;
color: #333;
cursor: pointer;
transition: background-color .25s, color .25s;}

.submenu .submenu-item:hover {
color: #fff;
background: #666;}

.submenu .submenu-item.selected {
color: #fff;
background: #737373;}

.submenu .submenu-item.selected:hover {
background: #666;}

.up-navbar-v {
--side-width: 250px;
display: flex;
height: 50px;
background: #333;}

.up-navbar-v .sidebar {
position: fixed;
z-index: 2;
top: 0;
right: 0;
height: 100%;
overflow-y: auto;
transform: translateX(100%);
width: var(--side-width);
border-right: 1px solid #000;
background-color: #333;
transition: transform .3s;}

.up-navbar-v .sidebar.open {
transform: translateX(0);}

.up-navbar-v .side-mask {
position: fixed;
z-index: 1;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, .5);
opacity: 0;
pointer-events: none;
transition: opacity .3s;}

.up-navbar-v .sidebar.open+.side-mask {
opacity: 1;
pointer-events: auto;}

.close-side-button {
position: absolute;
width: 40px;
height: 40px;
right: calc(var(--side-width) + 20px);
color: #dbdbdb;
border: 2px solid #dbdbdb;
border-radius: 999px;
padding: 10px 0;
text-align: center;
top: 50%;
transform: translateY(-50%);}

.menu-button-wrapper {
display: inline-block;
height: 100%;}

.menu-button-wrapper .menu-button {
margin: 10px 10px 10px 9px;
height: 31px;
border: none;
box-shadow: 0 1px 3px #333;
background-color: #e6e6e6;
border-radius: 3px;
padding: 0;
transition: width .3s;}

.menu-button-wrapper .menu-button:focus {
outline: none;}

.menu-button-wrapper .menu-button-2 {
margin: 10px;
height: 30px;
width: 40px;
border: 1px solid grey;
background-color: transparent;
color: #fff;
border-radius: 3px;
padding: 0;}

.menu-button-wrapper .menu-button-2:focus {
outline: none;}

.side-title {
text-align: center;
color: #fff;
padding: 20px 0 10px;}

.main-menu-item {
display: block;
padding: 10px 20px;
color: #fff;
text-decoration: none;
transition: background-color .3s, color .3s;}

.main-menu-item.open {
background-color: #b3b3b3;
color: #000;}

.main-menu-item.selected {
color: #000;
background: #8c8c8c;}

.main-menu-item.selected .open {
background-color: #b3b3b3;}

.submenu-panel {
background-color: #e6e6e6;
padding: 5px 0;
margin: 0 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, .5);}

.slide-enter-active {
transition: opacity .3s, transform .3s;
transform-origin: 50% 0;}

.slide-enter,
.slide-leave-to {
opacity: .5;
transform: scaleY(0);}

.children-menu-item {
display: block;
padding: 10px;
text-decoration: none;
color: #000;}

.children-menu-item.selected {
background: #b3b3b3;}

.up-quote {
padding: 30px;
color: #ac8f39;
background-color: #e6e6e6;
font-family: cursive;}

@media screen and (max-width:600px) {
.up-quote {
padding: 10px;}
}

.up-quote .quote {
text-align: center;
max-width: 1100px;
margin: 0 auto;
min-height: 105px;}

.up-quote .source {
font-size: 24px;
margin-top: 20px;
text-align: right;
margin-right: 20px;}

.quote-images {
overflow: auto;}

.quote-images .quote-image {
float: left;
width: 25%;}

@media screen and (max-width:600px) {
.quote-images .quote-image {
width: 50%;}
}

.up-body {
margin: 0 auto;}

@media screen and (min-width:1200px) {
.up-body {
width: 1170px;}
}

.page {
padding: 80px 20px;}

@media screen and (max-width:600px) {
.page {
padding: 40px 15px;}
}

.up-share {
text-align: right;
margin: 0 0 -50px;
font-size: 0;
float: right;}
.up-share .title { vertical-align: middle; color: grey;
    font-size: 16px; font-weight: 400;
    margin-right: 10px; }
@media screen and (max-width:600px) {
.up-share {
display: none;}
}

.title {
color: grey;
font-size: 16px;
margin-right: 10px;}

.share-button,
.title {
vertical-align: middle;}

.share-button {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
margin: 4px;
background-position: 50%; background-size: 20px;
background-repeat: no-repeat;
cursor: pointer;}

.share-button .qrcode {
position: absolute;
display: block;
padding: 25px;
border: 1px solid #ccc;
box-shadow: 0 1px 6px #ccc;
background-color: #fff;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
opacity: 0;
top: 20px;
transition: opacity .3s .2s, top .3s .2s;}

.share-button.weibo {
background-image: url(../images/weibo.png);}

.share-button.weibo:hover {
background-image: url(../images/weibo-hover.png);}

.share-button.qq {
background-image:
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2Ij4NCiAgICA8cGF0aCBmaWxsPSIjQjJCQUMyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40NjggMTAuMzEyYy0uMDEtLjk1Ny0uMzgtMS40NzYtLjgwNy0yLjE1My0uMTkxLS4yODMtLjQxMy0uNDczLS42MDUtLjc1NS0uMDMtLjE1NC4wMzMtLjI2OC0uMDEyLS42NzEtLjA0Mi0uNjA0LS4yNjMtLjgzOC0uMzEtLjkxMi4wMi0uMTYtLjA0My0xLjQ4NS0uNTIzLTIuMjY4QzEwLjc1MS45NDEgNy45ODIuODQ2IDcuNjQzLjg0NEg3LjY0Yy0uMzM5LjAwMi0zLjEwNy4wOTctNC41NjggMi43MS0uNDc5Ljc4Mi0uNTQzIDIuMTA2LS41MjMgMi4yNjctLjA0Ni4wNzQtLjI2Ny4zMDgtLjMxLjkxMi0uMDQ0LjQwMy4wMTguNTE3LS4wMTIuNjctLjE5Mi4yODQtLjQxMy40NzMtLjYwNS43NTYtLjQyNi42NzctLjc5NyAxLjE5Ni0uODA2IDIuMTUzLS4wMDcuNzE0LjE2MiAxLjY4Ny42NjMgMS43LjE1OC0uMDEyLjI5Mi0uMTE3LjU2Ni0uNDI0LjA4Mi0uMDkyLjM3LS40OC40MjktLjU4Ny4wNTYuMTQ4LjE5IDEuMTgzIDEuMTIgMS43MjMtLjk1Ni40NS0xLjQyNC43MzUtMS40NCAxLjMxOS4wMi4zMzguNDIzLjc4NyAxLjE2NS45OTZhNi4wNSA2LjA1IDAgMCAwIDIuOTI3LjA1Yy41MzUtLjEzLjY5Ni0uMjYgMS4zOTYtLjY0NC43LjM4NS44Ni41MTQgMS4zOTUuNjQzYTYuMDUyIDYuMDUyIDAgMCAwIDIuOTI3LS4wNDljLjc0Mi0uMjA5IDEuMTQ2LS42NTggMS4xNjYtLjk5Ni0uMDE2LS41ODQtLjQ4NC0uODctMS40NC0xLjMyLjkzLS41MzggMS4wNjMtMS41NzQgMS4xMi0xLjcyMi4wNTguMTA3LjM0Ni40OTUuNDI4LjU4Ny4yNzQuMzA3LjQwOS40MTIuNTY3LjQyNC41LS4wMTMuNjctLjk4Ni42NjMtMS43eiIvPg0KPC9zdmc+DQo=);}

.share-button.qq:hover {
background-image:
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2Ij4NCiAgICA8cGF0aCBmaWxsPSIjNTVCMkYxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC40NjggMTAuMzEyYy0uMDEtLjk1Ny0uMzgtMS40NzYtLjgwNy0yLjE1My0uMTkxLS4yODMtLjQxMy0uNDczLS42MDUtLjc1NS0uMDMtLjE1NC4wMzMtLjI2OC0uMDEyLS42NzEtLjA0Mi0uNjA0LS4yNjMtLjgzOC0uMzEtLjkxMi4wMi0uMTYtLjA0My0xLjQ4NS0uNTIzLTIuMjY4QzEwLjc1MS45NDEgNy45ODIuODQ2IDcuNjQzLjg0NEg3LjY0Yy0uMzM5LjAwMi0zLjEwNy4wOTctNC41NjggMi43MS0uNDc5Ljc4Mi0uNTQzIDIuMTA2LS41MjMgMi4yNjctLjA0Ni4wNzQtLjI2Ny4zMDgtLjMxLjkxMi0uMDQ0LjQwMy4wMTguNTE3LS4wMTIuNjctLjE5Mi4yODQtLjQxMy40NzMtLjYwNS43NTYtLjQyNi42NzctLjc5NyAxLjE5Ni0uODA2IDIuMTUzLS4wMDcuNzE0LjE2MiAxLjY4Ny42NjMgMS43LjE1OC0uMDEyLjI5Mi0uMTE3LjU2Ni0uNDI0LjA4Mi0uMDkyLjM3LS40OC40MjktLjU4Ny4wNTYuMTQ4LjE5IDEuMTgzIDEuMTIgMS43MjMtLjk1Ni40NS0xLjQyNC43MzUtMS40NCAxLjMxOS4wMi4zMzguNDIzLjc4NyAxLjE2NS45OTZhNi4wNSA2LjA1IDAgMCAwIDIuOTI3LjA1Yy41MzUtLjEzLjY5Ni0uMjYgMS4zOTYtLjY0NC43LjM4NS44Ni41MTQgMS4zOTUuNjQzYTYuMDUyIDYuMDUyIDAgMCAwIDIuOTI3LS4wNDljLjc0Mi0uMjA5IDEuMTQ2LS42NTggMS4xNjYtLjk5Ni0uMDE2LS41ODQtLjQ4NC0uODctMS40NC0xLjMyLjkzLS41MzggMS4wNjMtMS41NzQgMS4xMi0xLjcyMi4wNTguMTA3LjM0Ni40OTUuNDI4LjU4Ny4yNzQuMzA3LjQwOS40MTIuNTY3LjQyNC41LS4wMTMuNjctLjk4Ni42NjMtMS43eiIvPg0KPC9zdmc+DQo=);}

.share-button.wechat {
background-image: url(../images/wechat.png);}

.share-button.wechat:hover {
background-image: url(../images/wechat-hover.png);}

.share-button.wechat:hover .qrcode {
opacity: 1;
top: 40px;}

.up-article-card {
display: block;
text-decoration: none;
text-align: left;
overflow: auto;
padding: 20px;
cursor: pointer;
transition: background-color .3s;}

.up-article-card:hover {
background-color: #ebebeb;}

@media screen and (max-width:600px) {
.up-article-card {
padding: 10px;}
}

.teaser {
float: left;
border: 2px solid #bfbfbf;
background-color: #f2f2f2;
padding: 2px;
width: 200px;
height: 150px;
margin: 5px 20px 5px 5px;}

@media screen and (max-width:600px) {
.teaser {
width: 100%;
height: 200px;
margin: 0 0 5px;}
}

.teaser img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;}

.date-time {
font-size: 16px;
color: grey;
line-height: 30px;
margin-top: 2px;
float: right;}

.title {
color: #000;
font-size: 20px;
line-height: 36px;
font-weight: 700;}

.summary {
font-size: 16px;
color: #666;
line-height: 30px;
max-height: 90px;
overflow: hidden;}

@media screen and (max-width:600px) {
.summary {
max-height: 150px;}
}

.up-footer {
background-color: #3973ac;
padding: 10px;
line-height: 20px;
text-align: center;
color: #fff;
min-height: 170px;
overflow-y: hidden;}

.up-footer .container{ display: block;  }
.footer-left {
float: left;
width: 206px;
margin: 20px auto;
line-height: 30px;}

@media screen and (max-width:600px) {
.footer-left {
width: 100%;
text-align: center;
margin: 0;}
}

.footer-left a {
color: #fff;
text-decoration: none;
padding: 5px 10px;}

.footer-left a span {
padding: 1px 0;
border-bottom: 1px solid;}

.footer-middle {
float: left;
width: calc(100% - 356px);
margin: 10px 0;
line-height: 24px;}

@media screen and (max-width:600px) {
.footer-middle {
width: 100%;}
}

.footer-middle span,
.footer-middle svg {
vertical-align: middle;}

.footer-right {
float: left;
width: 150px;
margin: auto;}

@media screen and (max-width:600px) {
.footer-right {
width: 100%;}
}

.footer-right img {
margin-top: 4px;
width: 120px;
height: 120px;}

.footer-right .label {
font-size: 14px;
text-align: center;
margin-top: 5px;}

.up-breadcrumb{ cursor: default;
    line-height: 30px;}
.up-link[href] {  color: #3973ac;
    text-decoration: none;}
.icon { margin: 0 10px 0 6px;
    vertical-align: middle;
    color: #b3b3b3; }

.group-people .name-container{ display: inline-block;
    margin: 0 10px 10px; }
.group-title { color: #404040;
    font-size: 18px;
    margin: 30px 10px 20px;
    font-weight: 700;}

.person-basic { display: flex;
    flex-wrap: wrap;
    border: 1px solid silver;
    padding: 20px;
    background: #fff; }


.person-basic {
            display: flex;
            flex-wrap: wrap;
            border: 1px solid silver;
            padding: 20px;
            background: #fff
        }

        @media screen and (max-width:600px) {
            .person-basic {
                padding: 10px
            }
        }

        .person-basic .default-photo {
            text-align: center;
            padding: 40px 0;
            color: #ccc
        }

        .person-basic img {
            display: block;
            margin: auto;
            width: 100%;
            max-height: 350px;
            -o-object-fit: contain;
            object-fit: contain
        }
.basic-col-1 {
            width: 25%;
            flex-grow: 0;
            margin: 10px 0
        }

        @media screen and (max-width:600px) {
            .basic-col-1 {
                width: 100%;
                margin: 20px 0
            }
        }

        .basic-col-2 {
            width: 35%;
            flex-grow: 0;
            margin: 10px 0
        }

        @media screen and (max-width:600px) {
            .basic-col-2 {
                width: 100%;
                margin: 0
            }
        }

        .basic-col-3 {
            width: 40%;
            flex-grow: 1;
            margin: 10px 0
        }

        @media screen and (max-width:600px) {
            .basic-col-34 {
                width: 100%;
                margin: 0
            }
        }

        .info-item {
            display: flex
        }

        @media screen and (max-width:600px) {
            .info-item {
                flex-direction: column;
                margin-bottom: 10px
            }
        }

        .info-item .label {
            width: 120px;
            font-weight: 700;
            text-align: right;
            margin-bottom: 10px;
            padding-right: 10px ; color: #333;
        }

        @media screen and (max-width:600px) {
            .info-item .label {
                text-align: left
            }
        }

        .info-item .content {
            flex: 1; color: #333;
            margin-bottom: 10px ; min-height: auto;  padding: 0;}

        .info-item .content.break-word {
            word-break: break-all
        }

        .cv-title {
            background-color: #ddd;
            padding: 10px 15px;
            margin: 20px 0 10px;color: #333;
        }

        .cv-content {
            white-space: pre-wrap;
            line-height: 1.6;
            padding: 0 15px ; color: #333;
        }

        @media screen and (min-width:600px) {
            .navbar-v {
                display: none !important
            }
        }

        @media screen and (max-width:600px) {
            .navbar-h {
                display: none !important
            }
        }
.group-people .name-container .name  {     display: inline-block;
    font-size: 18px;
    color: #3973ac; }
.up-attachments {
            margin: 20px;
            border: 1px solid #ccc
        }

       .up-attachments .title {
            font-weight: 700;
            background-color: #d9e6f2;
            padding: 10px
        }

        .attachment-list {
            padding: 20px
        }

        .attachment {
            display: inline-block;
            width: 120px;
            text-align: center;
            vertical-align: top;
            padding: 10px 2px;
            text-decoration: none;
            color: #444;
            transition: background-color .3s
        }

        .attachment:hover {
            background-color: #eee
        }

        @media screen and (max-width:600px) {
            .attachment {
                width: 50%
            }
        }

        .attachment .icon {
            width: 60px;
            height: 60px;
            color: #999
        }

        .attachment .name {
            line-height: 20px;
            max-height: 40px;
            overflow: hidden;
            margin: 5px 0
        }

        .attachment .size {
            color: #888;
            font-size: 14px
        }
.video-player .vjs-big-play-button { background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.video-player .vjs-big-play-button {     font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    transition: all .4s; }
.video-player .vjs-control-text { 
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
 }
.publish-date {     margin-top: 20px;
    line-height: 38px;
    color: grey; }
.teach-con a { text-decoration: underline; }

#page-list {font-family: Arial; text-align: center; margin: 20px 0 30px;}
#page-list .p_pages a,#page-list span{font-size: 15px; width: auto; height: auto; margin-top: 5px; }
#page-list .p_pages a, #page-list .p_no_d, #page-list .p_fun_d{padding: 10px 12px; border: 1px solid #aaa; border-radius: 4px; color: #428bca;}
#page-list .p_pages .p_no_d, #page-list a:hover{background: #3973ac; font-weight: bold; color: #fff; border-color: #3973ac;}
#page-list .p_t{ padding: 0 25px 0 0; color: #777;}
#page-list .p_first, #page-list .p_first_d, #page-list .p_last, #page-list .p_last_d{display: inline-block;}
#page-list .p_pages span{color: #aaa;}