@font-face { font-family: 'VideoJS'; src: url('font/vjs.eot'); src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* Base UI Component Classes -------------------------------------------------------------------------------- */ /* Slider - used for Volume bar and Seek bar */ .vjs-default-skin .vjs-slider { /* Replace browser focus hightlight with handle highlight */ outline: 0; position: relative; cursor: pointer; padding: 0; /* background-color-with-alpha */ background-color: #333333; background-color: rgba(51, 51, 51, 0.9); } .vjs-default-skin .vjs-slider:focus { /* box-shadow */ -webkit-box-shadow: 0 0 2em #ffffff; -moz-box-shadow: 0 0 2em #ffffff; box-shadow: 0 0 2em #ffffff; } .vjs-default-skin .vjs-slider-handle { position: absolute; /* Needed for IE6 */ left: 0; top: 0; } .vjs-default-skin .vjs-slider-handle:before { content: "\e009"; font-family: VideoJS; font-size: 1em; line-height: 1; text-align: center; text-shadow: 0em 0em 1em #fff; position: absolute; top: 0; left: 0; /* Rotate the square icon to make a diamond */ /* transform */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* Control Bar -------------------------------------------------------------------------------- The default control bar that is a container for most of the controls. */ .vjs-default-skin .vjs-control-bar { /* Start hidden */ display: none; position: absolute; /* Place control bar at the bottom of the player box/video. If you want more margin below the control bar, add more height. */ bottom: 0; /* Use left/right to stretch to 100% width of player div */ left: 0; right: 0; /* Height includes any margin you want above or below control items */ height: 3.0em; /* background-color-with-alpha */ background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); } /* Show the control bar only once the video has started playing */ .vjs-default-skin.vjs-has-started .vjs-control-bar { display: block; /* Visibility needed to make sure things hide in older browsers too. */ visibility: visible; opacity: 1; /* transition */ -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } /* Hide the control bar when the video is playing and the user is inactive */ .vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { display: block; visibility: hidden; opacity: 0; /* transition */ -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-default-skin.vjs-controls-disabled .vjs-control-bar { display: none; } .vjs-default-skin.vjs-using-native-controls .vjs-control-bar { display: none; } /* IE8 is flakey with fonts, and you have to change the actual content to force fonts to show/hide properly. - "\9" IE8 hack didn't work for this - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9 */ @media \0screen { .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before { content: ""; } } /* General styles for individual controls. */ .vjs-default-skin .vjs-control { outline: none; position: relative; float: left; text-align: center; margin: 0; padding: 0; height: 3.0em; width: 4em; } /* FontAwsome button icons */ .vjs-default-skin .vjs-control:before { font-family: VideoJS; font-size: 1.5em; line-height: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } /* Replacement for focus outline */ .vjs-default-skin .vjs-control:focus:before, .vjs-default-skin .vjs-control:hover:before { text-shadow: 0em 0em 1em #ffffff; } .vjs-default-skin .vjs-control:focus { /* outline: 0; */ /* keyboard-only users cannot see the focus on several of the UI elements when this is set to 0 */ } /* Hide control text visually, but have it available for screenreaders */ .vjs-default-skin .vjs-control-text { /* hide-visually */ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Play/Pause -------------------------------------------------------------------------------- */ .vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer; } .vjs-default-skin .vjs-play-control:before { content: "\e001"; } .vjs-default-skin.vjs-playing .vjs-play-control:before { content: "\e002"; } /* Volume/Mute -------------------------------------------------------------------------------- */ .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button { cursor: pointer; float: right; } .vjs-default-skin .vjs-mute-control:before, .vjs-default-skin .vjs-volume-menu-button:before { content: "\e006"; } .vjs-default-skin .vjs-mute-control.vjs-vol-0:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before { content: "\e003"; } .vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before { content: "\e004"; } .vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before { content: "\e005"; } .vjs-default-skin .vjs-volume-control { width: 5em; float: right; } .vjs-default-skin .vjs-volume-bar { width: 5em; height: 0.6em; margin: 1.1em auto 0; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu-content { height: 2.9em; } .vjs-default-skin .vjs-volume-level { position: absolute; top: 0; left: 0; height: 0.5em; background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-volume-bar .vjs-volume-handle { width: 0.5em; height: 0.5em; } .vjs-default-skin .vjs-volume-handle:before { font-size: 0.9em; top: -0.2em; left: -0.2em; width: 1em; height: 1em; } .vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content { width: 6em; left: -4em; } /* Progress -------------------------------------------------------------------------------- */ .vjs-default-skin .vjs-progress-control { position: absolute; left: 0; right: 0; width: auto; font-size: 0.3em; height: 1em; /* Set above the rest of the controls. */ top: -1em; /* Shrink the bar slower than it grows. */ /* transition */ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } /* On hover, make the progress bar grow to something that's more clickable. This simply changes the overall font for the progress bar, and this updates both the em-based widths and heights, as wells as the icon font */ .vjs-default-skin:hover .vjs-progress-control { font-size: .9em; /* Even though we're not changing the top/height, we need to include them in the transition so they're handled correctly. */ /* transition */ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } /* Box containing play and load progresses. Also acts as seek scrubber. */ .vjs-default-skin .vjs-progress-holder { height: 100%; } /* Progress Bars */ .vjs-default-skin .vjs-progress-holder .vjs-play-progress, .vjs-default-skin .vjs-progress-holder .vjs-load-progress { position: absolute; display: block; height: 100%; margin: 0; padding: 0; /* Needed for IE6 */ left: 0; top: 0; } .vjs-default-skin .vjs-play-progress { /* Using a data URI to create the white diagonal lines with a transparent background. Surprisingly works in IE8. Created using http://www.patternify.com Changing the first color value will change the bar color. Also using a paralax effect to make the lines move backwards. The -50% left position makes that happen. */ background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; } .vjs-default-skin .vjs-load-progress { background: #646464 /* IE8- Fallback */; background: rgba(255, 255, 255, 0.4); } .vjs-default-skin .vjs-seek-handle { width: 1.5em; height: 100%; } .vjs-default-skin .vjs-seek-handle:before { padding-top: 0.1em /* Minor adjustment */; } /* Time Display -------------------------------------------------------------------------------- */ .vjs-default-skin .vjs-time-controls { font-size: 1em; /* Align vertically by making the line height the same as the control bar */ line-height: 3em; } .vjs-default-skin .vjs-current-time { float: left; } .vjs-default-skin .vjs-duration { float: left; } /* Remaining time is in the HTML, but not included in default design */ .vjs-default-skin .vjs-remaining-time { display: none; float: left; } .vjs-time-divider { float: left; line-height: 3em; } /* Fullscreen -------------------------------------------------------------------------------- */ .vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer; float: right; } .vjs-default-skin .vjs-fullscreen-control:before { content: "\e000"; } /* Switch to the exit icon when the player is in fullscreen */ .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before { content: "\e00b"; } /* Big Play Button (play button at start) -------------------------------------------------------------------------------- Positioning of the play button in the center or other corners can be done more easily in the skin designer. http://designer.videojs.com/ */ .vjs-default-skin .vjs-big-play-button { left: 0.5em; top: 0.5em; font-size: 3em; display: block; z-index: 2; position: absolute; width: 4em; height: 2.6em; text-align: center; vertical-align: middle; cursor: pointer; opacity: 1; /* Need a slightly gray bg so it can be seen on black backgrounds */ /* background-color-with-alpha */ background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); border: 0.1em solid #3b4249; /* border-radius */ -webkit-border-radius: 0.8em; -moz-border-radius: 0.8em; border-radius: 0.8em; /* box-shadow */ -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25); /* transition */ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } /* Optionally center */ .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { /* Center it horizontally */ left: 50%; margin-left: -2.1em; /* Center it vertically */ top: 50%; margin-top: -1.4000000000000001em; } /* Hide if controls are disabled */ .vjs-default-skin.vjs-controls-disabled .vjs-big-play-button { display: none; } /* Hide when video starts playing */ .vjs-default-skin.vjs-has-started .vjs-big-play-button { display: none; } /* Hide on mobile devices. Remove when we stop using native controls by default on mobile */ .vjs-default-skin.vjs-using-native-controls .vjs-big-play-button { display: none; } .vjs-default-skin:hover .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button:focus { outline: 0; border-color: #fff; /* IE8 needs a non-glow hover state */ background-color: #505050; background-color: rgba(50, 50, 50, 0.75); /* box-shadow */ -webkit-box-shadow: 0 0 3em #ffffff; -moz-box-shadow: 0 0 3em #ffffff; box-shadow: 0 0 3em #ffffff; /* transition */ -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-default-skin .vjs-big-play-button:before { content: "\e001"; font-family: VideoJS; /* In order to center the play icon vertically we need to set the line height to the same as the button height */ line-height: 2.6em; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center /* Needed for IE8 */; position: absolute; left: 0; width: 100%; height: 100%; } /* Loading Spinner -------------------------------------------------------------------------------- */ .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; font-size: 4em; line-height: 1; width: 1em; height: 1em; margin-left: -0.5em; margin-top: -0.5em; opacity: 0.75; /* animation */ -webkit-animation: spin 1.5s infinite linear; -moz-animation: spin 1.5s infinite linear; -o-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; } .vjs-default-skin .vjs-loading-spinner:before { content: "\e01e"; font-family: VideoJS; position: absolute; top: 0; left: 0; width: 1em; height: 1em; text-align: center; text-shadow: 0em 0em 0.1em #000; } a.btn.disabled { pointer-events: none; } .btn.disabled { cursor: default; -webkit-box-shadow: none; box-shadow: none; opacity: .65; filter: alpha(opacity=65); } /*ýÿ1ýÿýÿýÿ½ýÿýÿ*/ .text-right { text-align: right; } .text-center { text-align: center; } .text-left { text-align: left; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .text-underline { text-decoration: underline; } blockquote { padding: 10px 20px; font-size: 17.5px; border-left: 5px solid #eee; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .dl-horizontal dt { float: left; width: 160px; font-weight: bold; color: #342c2a; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: #333333; } .small, small { font-size: 85%; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-weight: 400; line-height: 1; font-size: 65%; } .text-darker, a.text-darker { color: #333; } .text-gary, a.text-gary { color: #666; } .text-gary-light, a.text-light { color: #999; } .font-12, h6 { font-size: 12px; } .font-14, h5 { font-size: 14px; } .font-16 { font-size: 16px; } .font-18, h4 { font-size: 18px; } .font-20 { font-size: 20px; } .font-22 { font-size: 22px; } .font-24, h3 { font-size: 24px; } .font-26 { font-size: 26px; } .font-28 { font-size: 28px; } .font-30, h2 { font-size: 30px; } .font-36, h1 { font-size: 36px; } .font-light, a.font-light { font-weight: 300; } .font-34 { font-size: 34px; } .font-44 { font-size: 44px; } /* ýÿýÿýÿýÿ */ .wraper { min-width: 1230px; max-width: 1920px; overflow: hidden; margin-left: auto; margin-right: auto; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15); box-shadow: 0 0 20px rgba(0, 0, 0, .15); } .inline-block { display: inline-block; +display:inline; _isplay: inline; zoom: 1; } .auto, .container { margin-left: auto; margin-right: auto; float: none; } .relative { position: relative; } /* dýÿ‹Ù>ßýÿ */ .w-0, .w-0-5, .w-1, .w-1-5, .w-2, .w-2-5, .w-3, .w-3-5, .w-4, .w-4-5, .w-5, .w-5-5, .w-6, .w-6-5, .w-7, .w-7-5, .w-8, .w-8-5, .w-9, .w-9-5, .w-10, .w-10-5, .w-11, .w-11-5, .w-12, .w-12-5, .w-13, .w-13-5, .w-14, .w-14-5, .w-15, .w-15-5, .w-16, .w-16-5, .w-17, .w-17-5, .w-18, .w-18-5, .w-19, .w-19-5, .w-20, .w-20-5, .w-21, .w-21-5, .w-22, .w-22-5, .w-23, .w-23-5, .w-24, .w-24-5, .w-25, .w-25-5, .w-26, .w-26-5, .w-27, .w-27-5, .w-28, .w-28-5, .w-29, .w-29-5, .w-30, .w-30-5, .w-31, .w-31-5, .w-32, .w-32-5, .w-33, .w-33-5, .w-34, .w-34-5, .w-35, .w-35-5, .w-36, .w-36-5, .w-37, .w-37-5, .w-38, .w-38-5, .w-39, .w-39-5, .w-40, .w-40-5, .w-41, .w-41-5, .w-42, .w-42-5, .w-43, .w-43-5, .w-44, .w-44-5, .w-45, .w-45-5, .w-46, .w-46-5, .w-47, .w-47-5, .w-48, .w-48-5, .w-49, .w-49-5, .w-50, .w-50-5, .w-51, .w-51-5, .w-52, .w-52-5, .w-53, .w-53-5, .w-54, .w-54-5, .w-55, .w-55-5, .w-56, .w-56-5, .w-57, .w-57-5, .w-58, .w-58-5, .w-59, .w-59-5, .w-60, .w-60-5, .w-61, .w-61-5, .w-62, .w-62-5, .w-63, .w-63-5, .w-64, .w-64-5, .w-65, .w-65-5, .w-66, .w-66-5, .w-67, .w-67-5, .w-68, .w-68-5, .w-69, .w-69-5, .w-70, .w-70-5, .w-71, .w-71-5, .w-72, .w-72-5, .w-73, .w-73-5, .w-74, .w-74-5, .w-75, .w-75-5, .w-76, .w-76-5, .w-77, .w-77-5, .w-78, .w-78-5, .w-79, .w-79-5, .w-80, .w-80-5, .w-81, .w-81-5, .w-82, .w-82-5, .w-83, .w-83-5, .w-84, .w-84-5, .w-85, .w-85-5, .w-86, .w-86-5, .w-87, .w-87-5, .w-88, .w-88-5, .w-89, .w-89-5, .w-90, .w-90-5, .w-91, .w-91-5, .w-92, .w-92-5, .w-93, .w-93-5, .w-94, .w-94-5, .w-95, .w-95-5, .w-96, .w-96-5, .w-97, .w-97-5, .w-98, .w-98-5, .w-99, .w-99-5, .w-100, .w-101, .w-102, .w-103, .w-104, .w-105, .w-106, .w-107, .w-108, .w-109, .w-110 { float: left; } .w-0 { width: 0; } .w-0-5 { width: 5px; } .w-1 { width: 10px; } .w-1-5 { width: 15px; } .w-2 { width: 20px; } .w-2-5 { width: 25px; } .w-3 { width: 30px; } .w-3-5 { width: 35px; } .w-4 { width: 40px; } .w-4-5 { width: 45px; } .w-5 { width: 50px; } .w-5-5 { width: 55px; } .w-6 { width: 60px; } .w-6-5 { width: 65px; } .w-7 { width: 70px; } .w-7-5 { width: 75px; } .w-8 { width: 80px; } .w-8-5 { width: 85px; } .w-9 { width: 90px; } .w-9-5 { width: 95px; } .w-10 { width: 100px; } .w-10-5 { width: 105px; } .w-11 { width: 110px; } .w-11-5 { width: 115px; } .w-12 { width: 120px; } .w-12-5 { width: 125px; } .w-13 { width: 130px; } .w-13-5 { width: 135px; } .w-14 { width: 140px; } .w-14-5 { width: 145px; } .w-15 { width: 150px; } .w-15-5 { width: 155px; } .w-16 { width: 160px; } .w-16-5 { width: 165px; } .w-17 { width: 170px; } .w-17-5 { width: 175px; } .w-18 { width: 180px; } .w-18-5 { width: 185px; } .w-19 { width: 190px; } .w-19-5 { width: 195px; } .w-20 { width: 200px; } .w-20-5 { width: 205px; } .w-21 { width: 210px; } .w-21-5 { width: 215px; } .w-22 { width: 220px; } .w-22-5 { width: 225px; } .w-23 { width: 230px; } .w-23-5 { width: 235px; } .w-24 { width: 240px; } .w-24-5 { width: 245px; } .w-25 { width: 250px; } .w-25-5 { width: 255px; } .w-26 { width: 260px; } .w-26-5 { width: 265px; } .w-27 { width: 270px; } .w-27-5 { width: 275px; } .w-28 { width: 280px; } .w-28-5 { width: 285px; } .w-29 { width: 290px; } .w-29-5 { width: 295px; } .w-30 { width: 300px; } .w-30-5 { width: 305px; } .w-31 { width: 310px; } .w-31-5 { width: 315px; } .w-32 { width: 320px; } .w-32-5 { width: 325px; } .w-33 { width: 330px; } .w-33-5 { width: 335px; } .w-34 { width: 340px; } .w-34-5 { width: 345px; } .w-35 { width: 350px; } .w-35-5 { width: 355px; } .w-36 { width: 360px; } .w-36-5 { width: 365px; } .w-37 { width: 370px; } .w-37-5 { width: 375px; } .w-38 { width: 380px; } .w-38-5 { width: 385px; } .w-39 { width: 390px; } .w-39-5 { width: 395px; } .w-40 { width: 400px; } .w-40-5 { width: 405px; } .w-41 { width: 410px; } .w-41-5 { width: 415px; } .w-42 { width: 420px; } .w-42-5 { width: 425px; } .w-43 { width: 430px; } .w-43-5 { width: 435px; } .w-44 { width: 440px; } .w-44-5 { width: 445px; } .w-45 { width: 450px; } .w-45-5 { width: 455px; } .w-46 { width: 460px; } .w-46-5 { width: 465px; } .w-47 { width: 470px; } .w-47-5 { width: 475px; } .w-48 { width: 480px; } .w-48-5 { width: 485px; } .w-49 { width: 490px; } .w-49-5 { width: 495px; } .w-50 { width: 500px; } .w-50-5 { width: 505px; } .w-51 { width: 510px; } .w-51-5 { width: 515px; } .w-52 { width: 520px; } .w-52-5 { width: 525px; } .w-53 { width: 530px; } .w-53-5 { width: 535px; } .w-54 { width: 540px; } .w-54-5 { width: 545px; } .w-55 { width: 550px; } .w-55-5 { width: 555px; } .w-56 { width: 560px; } .w-56-5 { width: 565px; } .w-57 { width: 570px; } .w-57-5 { width: 575px; } .w-58 { width: 580px; } .w-58-5 { width: 585px; } .w-59 { width: 590px; } .w-59-5 { width: 595px; } .w-60 { width: 600px; } .w-60-5 { width: 605px; } .w-61 { width: 610px; } .w-61-5 { width: 615px; } .w-62 { width: 620px; } .w-62-5 { width: 625px; } .w-63 { width: 630px; } .w-63-5 { width: 635px; } .w-64 { width: 640px; } .w-64-5 { width: 645px; } .w-65 { width: 650px; } .w-65-5 { width: 655px; } .w-66 { width: 660px; } .w-66-5 { width: 665px; } .w-67 { width: 670px; } .w-67-5 { width: 675px; } .w-68 { width: 680px; } .w-68-5 { width: 685px; } .w-69 { width: 690px; } .w-69-5 { width: 695px; } .w-70 { width: 700px; } .w-70-5 { width: 705px; } .w-71 { width: 710px; } .w-71-5 { width: 715px; } .w-72 { width: 720px; } .w-72-5 { width: 725px; } .w-73 { width: 730px; } .w-73-5 { width: 735px; } .w-74 { width: 740px; } .w-74-5 { width: 745px; } .w-75 { width: 750px; } .w-75-5 { width: 755px; } .w-76 { width: 760px; } .w-76-5 { width: 765px; } .w-77 { width: 770px; } .w-77-5 { width: 775px; } .w-78 { width: 780px; } .w-78-5 { width: 785px; } .w-79 { width: 790px; } .w-79-5 { width: 795px; } .w-80 { width: 800px; } .w-80-5 { width: 805px; } .w-81 { width: 810px; } .w-81-5 { width: 815px; } .w-82 { width: 820px; } .w-82-5 { width: 825px; } .w-83 { width: 830px; } .w-83-5 { width: 835px; } .w-84 { width: 840px; } .w-84-5 { width: 845px; } .w-85 { width: 850px; } .w-85-5 { width: 855px; } .w-86 { width: 860px; } .w-86-5 { width: 865px; } .w-87 { width: 870px; } .w-87-5 { width: 875px; } .w-88 { width: 880px; } .w-88-5 { width: 885px; } .w-89 { width: 890px; } .w-89-5 { width: 895px; } .w-90 { width: 900px; } .w-90-5 { width: 905px; } .w-91 { width: 910px; } .w-91-5 { width: 915px; } .w-92 { width: 920px; } .w-92-5 { width: 925px; } .w-93 { width: 930px; } .w-93-5 { width: 935px; } .w-94 { width: 940px; } .w-94-5 { width: 945px; } .w-95 { width: 950px; } .w-95-5 { width: 955px; } .w-96 { width: 960px; } .w-96-5 { width: 965px; } .w-97 { width: 970px; } .w-97-5 { width: 975px; } .w-98 { width: 980px; } .w-98-5 { width: 985px; } .w-99 { width: 990px; } .w-99-5 { width: 995px; } .w-100 { width: 1000px; } .w-100-5 { width: 1005px; } .w-101 { width: 1010px; } .w-101-5 { width: 1015px; } .w-102 { width: 1020px; } .w-102-5 { width: 1025px; } .w-103 { width: 1030px; } .w-103-5 { width: 1035px; } .w-104 { width: 1040px; } .w-104-5 { width: 1045px; } .w-105 { width: 1050px; } .w-105-5 { width: 1055px; } .w-106 { width: 1060px; } .w-106-5 { width: 1065px; } .w-107 { width: 1070px; } .w-107-5 { width: 1075px; } .w-108 { width: 1080px; } .w-108-5 { width: 1085px; } .w-109 { width: 1090px; } .w-109-5 { width: 1095px; } .w-110 { width: 1100px; } .p-0 { padding: 0; } .p-0-5 { padding: 5px; } .p-1 { padding: 10px; } .p-1-5 { padding: 15px; } .p-2 { padding: 20px; } .p-2-5 { padding: 25px; } .p-3 { padding: 30px; } .p-3-5 { padding: 35px; } .p-4 { padding: 40px; } .p-4-5 { padding: 45px; } .p-5 { padding: 50px; } .p-5-5 { padding: 55px; } .p-6 { padding: 60px; } .p-6-5 { padding: 65px; } .p-7 { padding: 70px; } .p-7-5 { padding: 75px; } .p-8 { padding: 80px; } .p-8-5 { padding: 85px; } .p-9 { padding: 9px; } .p-9-5 { padding: 95px; } .p-10 { padding: 100px; } .p-10-5 { padding: 105px; } .p-11 { padding: 110px; } .p-11-5 { padding: 115px; } .p-12 { padding: 120px; } .p-12-5 { padding: 125px; } .p-13 { padding: 130px; } .p-13-5 { padding: 135px; } .p-14 { padding: 140px; } .p-14-5 { padding: 145px; } .p-15 { padding: 150px; } .p-15-5 { padding: 155px; } .p-16 { padding: 160px; } .p-16-5 { padding: 165px; } .p-17 { padding: 170px; } .p-17-5 { padding: 175px; } .p-18 { padding: 180px; } .p-18-5 { padding: 185px; } .p-19 { padding: 190px; } .p-19-5 { padding: 195px; } .p-20 { padding: 200px; } .pl-0 { padding-left: 0; } .pl-0-5 { padding-left: 5px; } .pl-1 { padding-left: 10px; } .pl-1-5 { padding-left: 15px; } .pl-2 { padding-left: 20px; } .pl-2-5 { padding-left: 25px; } .pl-3 { padding-left: 30px; } .pl-3-5 { padding-left: 35px; } .pl-4 { padding-left: 40px; } .pl-4-5 { padding-left: 45px; } .pl-5 { padding-left: 50px; } .pl-5-5 { padding-left: 55px; } .pl-6 { padding-left: 60px; } .pl-6-5 { padding-left: 65px; } .pl-7 { padding-left: 70px; } .pl-7-5 { padding-left: 75px; } .pl-8 { padding-left: 80px; } .pl-8-5 { padding-left: 85px; } .pl-9 { padding-left: 90px; } .pl-9-5 { padding-left: 95px; } .pl-10 { padding-left: 100px; } .pl-10-5 { padding-left: 105px; } .pl-11 { padding-left: 110px; } .pl-11-5 { padding-left: 115px; } .pl-12 { padding-left: 120px; } .pl-12-5 { padding-left: 125px; } .pl-13 { padding-left: 130px; } .pl-13-5 { padding-left: 135px; } .pl-14 { padding-left: 140px; } .pl-14-5 { padding-left: 145px; } .pl-15 { padding-left: 150px; } .pl-15-5 { padding-left: 155px; } .pl-16 { padding-left: 160px; } .pl-16-5 { padding-left: 165px; } .pl-17 { padding-left: 170px; } .pl-17-5 { padding-left: 175px; } .pl-18 { padding-left: 180px; } .pl-18-5 { padding-left: 185px; } .pl-19 { padding-left: 190px; } .pl-19-5 { padding-left: 195px; } .pl-20 { padding-left: 200px; } .pl-20-5 { padding-left: 205px; } .pl-21 { padding-left: 210px; } .pl-21-5 { padding-left: 215px; } .pl-22 { padding-left: 220px; } .pl-22-5 { padding-left: 225px; } .pl-23 { padding-left: 230px; } .pl-23-5 { padding-left: 235px; } .pl-24 { padding-left: 240px; } .pl-24-5 { padding-left: 245px; } .pl-25 { padding-left: 250px; } .pl-25-5 { padding-left: 255px; } .pl-26 { padding-left: 260px; } .pl-26-5 { padding-left: 265px; } .pl-27 { padding-left: 270px; } .pl-27-5 { padding-left: 275px; } .pl-28 { padding-left: 280px; } .pl-28-5 { padding-left: 285px; } .pl-29 { padding-left: 290px; } .pl-29-5 { padding-left: 295px; } .pl-30 { padding-left: 300px; } .pl-30-5 { padding-left: 305px; } .pl-31 { padding-left: 310px; } .pl-31-5 { padding-left: 315px; } .pl-32 { padding-left: 320px; } .pl-32-5 { padding-left: 325px; } .pl-33 { padding-left: 330px; } .pl-33-5 { padding-left: 335px; } .pl-34 { padding-left: 340px; } .pl-34-5 { padding-left: 345px; } .pl-35 { padding-left: 350px; } .pl-35-5 { padding-left: 355px; } .pl-36 { padding-left: 360px; } .pl-36-5 { padding-left: 365px; } .pl-37 { padding-left: 370px; } .pl-37-5 { padding-left: 375px; } .pl-38 { padding-left: 380px; } .pl-38-5 { padding-left: 385px; } .pl-39 { padding-left: 390px; } .pl-39-5 { padding-left: 395px; } .pl-40 { padding-left: 400px; } .pr-0 { padding-right: 0; } .pr-0-5 { padding-right: 5px; } .pr-1 { padding-right: 10px; } .pr-1-5 { padding-right: 15px; } .pr-2 { padding-right: 20px; } .pr-2-5 { padding-right: 25px; } .pr-3 { padding-right: 30px; } .pr-3-5 { padding-right: 35px; } .pr-4 { padding-right: 40px; } .pr-4-5 { padding-right: 45px; } .pr-5 { padding-right: 50px; } .pr-5-5 { padding-right: 55px; } .pr-6 { padding-right: 60px; } .pr-6-5 { padding-right: 65px; } .pr-7 { padding-right: 70px; } .pr-7-5 { padding-right: 75px; } .pr-8 { padding-right: 80px; } .pr-8-5 { padding-right: 85px; } .pr-9 { padding-right: 90px; } .pr-9-5 { padding-right: 95px; } .pr-10 { padding-right: 100px; } .pr-10-5 { padding-right: 105px; } .pr-11 { padding-right: 110px; } .pr-11-5 { padding-right: 115px; } .pr-12 { padding-right: 120px; } .pr-12-5 { padding-right: 125px; } .pr-13 { padding-right: 130px; } .pr-13-5 { padding-right: 135px; } .pr-14 { padding-right: 140px; } .pr-14-5 { padding-right: 145px; } .pr-15 { padding-right: 150px; } .pr-15-5 { padding-right: 155px; } .pr-16 { padding-right: 160px; } .pr-16-5 { padding-right: 165px; } .pr-17 { padding-right: 170px; } .pr-17-5 { padding-right: 175px; } .pr-18 { padding-right: 180px; } .pr-18-5 { padding-right: 185px; } .pr-19 { padding-right: 190px; } .pr-19-5 { padding-right: 195px; } .pr-20 { padding-right: 200px; } .pr-20-5 { padding-right: 205px; } .pr-21 { padding-right: 210px; } .pr-21-5 { padding-right: 215px; } .pr-22 { padding-right: 220px; } .pr-22-5 { padding-right: 225px; } .pr-23 { padding-right: 230px; } .pr-23-5 { padding-right: 235px; } .pr-24 { padding-right: 240px; } .pr-24-5 { padding-right: 245px; } .pr-25 { padding-right: 250px; } .pr-25-5 { padding-right: 255px; } .pr-26 { padding-right: 260px; } .pr-26-5 { padding-right: 265px; } .pr-27 { padding-right: 270px; } .pr-27-5 { padding-right: 275px; } .pr-28 { padding-right: 280px; } .pr-28-5 { padding-right: 285px; } .pr-29 { padding-right: 290px; } .pr-29-5 { padding-right: 295px; } .pr-30 { padding-right: 300px; } .pr-30-5 { padding-right: 305px; } .pr-31 { padding-right: 310px; } .pr-31-5 { padding-right: 315px; } .pr-32 { padding-right: 320px; } .pr-32-5 { padding-right: 325px; } .pr-33 { padding-right: 330px; } .pr-33-5 { padding-right: 335px; } .pr-34 { padding-right: 340px; } .pr-34-5 { padding-right: 345px; } .pr-35 { padding-right: 350px; } .pr-35-5 { padding-right: 355px; } .pr-36 { padding-right: 360px; } .pr-36-5 { padding-right: 365px; } .pr-37 { padding-right: 370px; } .pr-37-5 { padding-right: 375px; } .pr-38 { padding-right: 380px; } .pr-38-5 { padding-right: 385px; } .pr-39 { padding-right: 390px; } .pr-39-5 { padding-right: 395px; } .pr-40 { padding-right: 400px; } .pt-0 { padding-top: 0; } .pt-0-5 { padding-top: 5px; } .pt-1 { padding-top: 10px; } .pt-1-5 { padding-top: 15px; } .pt-2 { padding-top: 20px; } .pt-2-5 { padding-top: 25px; } .pt-3 { padding-top: 30px; } .pt-3-5 { padding-top: 35px; } .pt-4 { padding-top: 40px; } .pt-4-5 { padding-top: 45px; } .pt-5 { padding-top: 50px; } .pt-5-5 { padding-top: 55px; } .pt-6 { padding-top: 60px; } .pt-6-5 { padding-top: 65px; } .pt-7 { padding-top: 70px; } .pt-7-5 { padding-top: 75px; } .pt-8 { padding-top: 80px; } .pt-8-5 { padding-top: 85px; } .pt-9 { padding-top: 90px; } .pt-9-5 { padding-top: 95px; } .pt-10 { padding-top: 100px; } .pt-10-5 { padding-top: 105px; } .pt-11 { padding-top: 110px; } .pt-11-5 { padding-top: 115px; } .pt-12 { padding-top: 120px; } .pt-12-5 { padding-top: 125px; } .pt-13 { padding-top: 130px; } .pt-13-5 { padding-top: 135px; } .pt-14 { padding-top: 140px; } .pt-14-5 { padding-top: 145px; } .pt-15 { padding-top: 150px; } .pt-15-5 { padding-top: 155px; } .pt-16 { padding-top: 160px; } .pt-16-5 { padding-top: 165px; } .pt-17 { padding-top: 170px; } .pt-17-5 { padding-top: 175px; } .pt-18 { padding-top: 180px; } .pt-18-5 { padding-top: 185px; } .pt-19 { padding-top: 190px; } .pt-19-5 { padding-top: 195px; } .pt-20 { padding-top: 200px; } .pb-0 { padding-bottom: 0; } .pb-0-5 { padding-bottom: 5px; } .pb-1 { padding-bottom: 10px; } .pb-1-5 { padding-bottom: 15px; } .pb-2 { padding-bottom: 20px; } .pb-2-5 { padding-bottom: 25px; } .pb-3 { padding-bottom: 30px; } .pb-3-5 { padding-bottom: 35px; } .pb-4 { padding-bottom: 40px; } .pb-4-5 { padding-bottom: 45px; } .pb-5 { padding-bottom: 50px; } .pb-5-5 { padding-bottom: 55px; } .pb-6 { padding-bottom: 60px; } .pb-6-5 { padding-bottom: 65px; } .pb-7 { padding-bottom: 70px; } .pb-7-5 { padding-bottom: 75px; } .pb-8 { padding-bottom: 80px; } .pb-8-5 { padding-bottom: 85px; } .pb-9 { padding-bottom: 90px; } .pb-9-5 { padding-bottom: 95px; } .pb-10 { padding-bottom: 100px; } .pb-10-5 { padding-bottom: 105px; } .pb-11 { padding-bottom: 110px; } .pb-11-5 { padding-bottom: 115px; } .pb-12 { padding-bottom: 120px; } .pb-12-5 { padding-bottom: 125px; } .pb-13 { padding-bottom: 130px; } .pb-13-5 { padding-bottom: 135px; } .pb-14 { padding-bottom: 140px; } .pb-14-5 { padding-bottom: 145px; } .pb-15 { padding-bottom: 150px; } .pb-15-5 { padding-bottom: 155px; } .pb-16 { padding-bottom: 160px; } .pb-16-5 { padding-bottom: 165px; } .pb-17 { padding-bottom: 170px; } .pb-17-5 { padding-bottom: 175px; } .pb-18 { padding-bottom: 180px; } .pb-18-5 { padding-bottom: 185px; } .pb-19 { padding-bottom: 190px; } .pb-19-5 { padding-bottom: 195px; } .pb-20 { padding-bottom: 200px; } .m-0 { margin: 0; } .m-0-5 { margin: 5px; } .m-1 { margin: 10px; } .m-1-5 { margin: 15px; } .m-2 { margin: 20px; } .m-2-5 { margin: 25px; } .m-3 { margin: 30px; } .m-3-5 { margin: 35px; } .m-4 { margin: 40px; } .m-4-5 { margin: 45px; } .m-5 { margin: 50px; } .m-5-5 { margin: 55px; } .m-6 { margin: 60px; } .m-6-5 { margin: 65px; } .m-7 { margin: 70px; } .m-7-5 { margin: 75px; } .m-8 { margin: 80px; } .m-8-5 { margin: 85px; } .m-9 { margin: 9px; } .m-9-5 { margin: 95px; } .m-10 { margin: 100px; } .m-10-5 { margin: 105px; } .m-11 { margin: 110px; } .m-11-5 { margin: 115px; } .m-12 { margin: 120px; } .m-12-5 { margin: 125px; } .m-13 { margin: 130px; } .m-13-5 { margin: 135px; } .m-14 { margin: 140px; } .m-14-5 { margin: 145px; } .m-15 { margin: 150px; } .m-15-5 { margin: 155px; } .m-16 { margin: 160px; } .m-16-5 { margin: 165px; } .m-17 { margin: 170px; } .m-17-5 { margin: 175px; } .m-18 { margin: 180px; } .m-18-5 { margin: 185px; } .m-19 { margin: 190px; } .m-19-5 { margin: 195px; } .m-20 { margin: 200px; } .ml--2 { margin-left: -20px; } .ml--1-5 { margin-left: -15px; } .ml--1 { margin-left: -10px; } .ml--0-5 { margin-left: -5px; } .ml-0 { margin-left: 0; } .ml-0-5 { margin-left: 5px; } .ml-1 { margin-left: 10px; } .ml-1-5 { margin-left: 15px; } .ml-2 { margin-left: 20px; } .ml-2-5 { margin-left: 25px; } .ml-3 { margin-left: 30px; } .ml-3-5 { margin-left: 35px; } .ml-4 { margin-left: 40px; } .ml-4-5 { margin-left: 45px; } .ml-5 { margin-left: 50px; } .ml-5-5 { margin-left: 55px; } .ml-6 { margin-left: 60px; } .ml-6-5 { margin-left: 65px; } .ml-7 { margin-left: 70px; } .ml-7-5 { margin-left: 75px; } .ml-8 { margin-left: 80px; } .ml-8-5 { margin-left: 85px; } .ml-9 { margin-left: 90px; } .ml-9-5 { margin-left: 95px; } .ml-10 { margin-left: 100px; } .ml-10-5 { margin-left: 105px; } .ml-11 { margin-left: 110px; } .ml-11-5 { margin-left: 115px; } .ml-12 { margin-left: 120px; } .ml-12-5 { margin-left: 125px; } .ml-13 { margin-left: 130px; } .ml-13-5 { margin-left: 135px; } .ml-14 { margin-left: 140px; } .ml-14-5 { margin-left: 145px; } .ml-15 { margin-left: 150px; } .ml-15-5 { margin-left: 155px; } .ml-16 { margin-left: 160px; } .ml-16-5 { margin-left: 165px; } .ml-17 { margin-left: 170px; } .ml-17-5 { margin-left: 175px; } .ml-18 { margin-left: 180px; } .ml-18-5 { margin-left: 185px; } .ml-19 { margin-left: 190px; } .ml-19-5 { margin-left: 195px; } .ml-20 { margin-left: 200px; } .ml-20-5 { margin-left: 205px; } .ml-21 { margin-left: 210px; } .ml-21-5 { margin-left: 215px; } .ml-22 { margin-left: 220px; } .ml-22-5 { margin-left: 225px; } .ml-23 { margin-left: 230px; } .ml-23-5 { margin-left: 235px; } .ml-24 { margin-left: 240px; } .ml-24-5 { margin-left: 245px; } .ml-25 { margin-left: 250px; } .ml-25-5 { margin-left: 255px; } .ml-26 { margin-left: 260px; } .ml-26-5 { margin-left: 265px; } .ml-27 { margin-left: 270px; } .ml-27-5 { margin-left: 275px; } .ml-28 { margin-left: 280px; } .ml-28-5 { margin-left: 285px; } .ml-29 { margin-left: 290px; } .ml-29-5 { margin-left: 295px; } .ml-30 { margin-left: 300px; } .ml-30-5 { margin-left: 305px; } .ml-31 { margin-left: 310px; } .ml-31-5 { margin-left: 315px; } .ml-32 { margin-left: 320px; } .ml-32-5 { margin-left: 325px; } .ml-33 { margin-left: 330px; } .ml-33-5 { margin-left: 335px; } .ml-34 { margin-left: 340px; } .ml-34-5 { margin-left: 345px; } .ml-35 { margin-left: 350px; } .ml-35-5 { margin-left: 355px; } .ml-36 { margin-left: 360px; } .ml-36-5 { margin-left: 365px; } .ml-37 { margin-left: 370px; } .ml-37-5 { margin-left: 375px; } .ml-38 { margin-left: 380px; } .ml-38-5 { margin-left: 385px; } .ml-39 { margin-left: 390px; } .ml-39-5 { margin-left: 395px; } .ml-40 { margin-left: 400px; } .mr--2 { margin-right: -20px; } .mr--1-5 { margin-right: -15px; } .mr--1 { margin-right: -10px; } .mr--0-5 { margin-right: -5px; } .mr-0 { margin-right: 0; } .mr-0-5 { margin-right: 5px; } .mr-1 { margin-right: 10px; } .mr-1-5 { margin-right: 15px; } .mr-2 { margin-right: 20px; } .mr-2-5 { margin-right: 25px; } .mr-3 { margin-right: 30px; } .mr-3-5 { margin-right: 35px; } .mr-4 { margin-right: 40px; } .mr-4-5 { margin-right: 45px; } .mr-5 { margin-right: 50px; } .mr-5-5 { margin-right: 55px; } .mr-6 { margin-right: 60px; } .mr-6-5 { margin-right: 65px; } .mr-7 { margin-right: 70px; } .mr-7-5 { margin-right: 75px; } .mr-8 { margin-right: 80px; } .mr-8-5 { margin-right: 85px; } .mr-9 { margin-right: 90px; } .mr-9-5 { margin-right: 95px; } .mr-10 { margin-right: 100px; } .mr-10-5 { margin-right: 105px; } .mr-11 { margin-right: 110px; } .mr-11-5 { margin-right: 115px; } .mr-12 { margin-right: 120px; } .mr-12-5 { margin-right: 125px; } .mr-13 { margin-right: 130px; } .mr-13-5 { margin-right: 135px; } .mr-14 { margin-right: 140px; } .mr-14-5 { margin-right: 145px; } .mr-15 { margin-right: 150px; } .mr-15-5 { margin-right: 155px; } .mr-16 { margin-right: 160px; } .mr-16-5 { margin-right: 165px; } .mr-17 { margin-right: 170px; } .mr-17-5 { margin-right: 175px; } .mr-18 { margin-right: 180px; } .mr-18-5 { margin-right: 185px; } .mr-19 { margin-right: 190px; } .mr-19-5 { margin-right: 195px; } .mr-20 { margin-right: 200px; } .mt--2 { margin-top: -20px; } .mt--1-5 { margin-top: -15px; } .mt--1 { margin-top: -10px; } .mt--0-5 { margin-top: -5px; } .mt-0 { margin-top: 0; } .mt-0-5 { margin-top: 5px; } .mt-1 { margin-top: 10px; } .mt-1-5 { margin-top: 15px; } .mt-2 { margin-top: 20px; } .mt-2-5 { margin-top: 25px; } .mt-3 { margin-top: 30px; } .mt-3-5 { margin-top: 35px; } .mt-4 { margin-top: 40px; } .mt-4-5 { margin-top: 45px; } .mt-5 { margin-top: 50px; } .mt-5-5 { margin-top: 55px; } .mt-6 { margin-top: 60px; } .mt-6-5 { margin-top: 65px; } .mt-7 { margin-top: 70px; } .mt-7-5 { margin-top: 75px; } .mt-8 { margin-top: 80px; } .mt-8-5 { margin-top: 85px; } .mt-9 { margin-top: 90px; } .mt-9-5 { margin-top: 95px; } .mt-10 { margin-top: 100px; } .mt-10-5 { margin-top: 105px; } .mt-11 { margin-top: 110px; } .mt-11-5 { margin-top: 115px; } .mt-12 { margin-top: 120px; } .mt-12-5 { margin-top: 125px; } .mt-13 { margin-top: 130px; } .mt-13-5 { margin-top: 135px; } .mt-14 { margin-top: 140px; } .mt-14-5 { margin-top: 145px; } .mt-15 { margin-top: 150px; } .mt-15-5 { margin-top: 155px; } .mt-16 { margin-top: 160px; } .mt-16-5 { margin-top: 165px; } .mt-17 { margin-top: 170px; } .mt-17-5 { margin-top: 175px; } .mt-18 { margin-top: 180px; } .mt-18-5 { margin-top: 185px; } .mt-19 { margin-top: 190px; } .mt-19-5 { margin-top: 195px; } .mt-20 { margin-top: 200px; } .mb-0 { margin-bottom: 0; } .mb-0-5 { margin-bottom: 5px; } .mb-1 { margin-bottom: 10px; } .mb-1-5 { margin-bottom: 15px; } .mb-2 { margin-bottom: 20px; } .mb-2-5 { margin-bottom: 25px; } .mb-3 { margin-bottom: 30px; } .mb-3-5 { margin-bottom: 35px; } .mb-4 { margin-bottom: 40px; } .mb-4-5 { margin-bottom: 45px; } .mb-5 { margin-bottom: 50px; } .mb-5-5 { margin-bottom: 55px; } .mb-6 { margin-bottom: 60px; } .mb-6-5 { margin-bottom: 65px; } .mb-7 { margin-bottom: 70px; } .mb-7-5 { margin-bottom: 75px; } .mb-8 { margin-bottom: 80px; } .mb-8-5 { margin-bottom: 85px; } .mb-9 { margin-bottom: 90px; } .mb-9-5 { margin-bottom: 95px; } .mb-10 { margin-bottom: 100px; } .mb-10-5 { margin-bottom: 105px; } .mb-11 { margin-bottom: 110px; } .mb-11-5 { margin-bottom: 115px; } .mb-12 { margin-bottom: 120px; } .mb-12-5 { margin-bottom: 125px; } .mb-13 { margin-bottom: 130px; } .mb-13-5 { margin-bottom: 135px; } .mb-14 { margin-bottom: 140px; } .mb-14-5 { margin-bottom: 145px; } .mb-15 { margin-bottom: 150px; } .mb-15-5 { margin-bottom: 155px; } .mb-16 { margin-bottom: 160px; } .mb-16-5 { margin-bottom: 165px; } .mb-17 { margin-bottom: 170px; } .mb-17-5 { margin-bottom: 175px; } .mb-18 { margin-bottom: 180px; } .mb-18-5 { margin-bottom: 185px; } .mb-19 { margin-bottom: 190px; } .mb-19-5 { margin-bottom: 195px; } .mb-20 { margin-bottom: 200px; } .h-0 { height: 0; } .h-0-5 { height: 5px; } .h-1 { height: 10px; } .h-1-5 { height: 15px; } .h-2 { height: 20px; } .h-2-5 { height: 25px; } .h-3 { height: 30px; } .h-3-5 { height: 35px; } .h-4 { height: 40px; } .h-4-5 { height: 45px; } .h-5 { height: 50px; } .h-5-5 { height: 55px; } .h-6 { height: 60px; } .h-6-5 { height: 65px; } .h-7 { height: 70px; } .h-7-5 { height: 75px; } .h-8 { height: 80px; } .h-8-5 { height: 85px; } .h-9 { height: 90px; } .h-9-5 { height: 95px; } .h-10 { height: 100px; } .h-10-5 { height: 105px; } .h-11 { height: 110px; } .h-11-5 { height: 115px; } .h-12 { height: 120px; } .h-12-5 { height: 125px; } .h-13 { height: 130px; } .h-13-5 { height: 135px; } .h-14 { height: 140px; } .h-14-5 { height: 145px; } .h-15 { height: 150px; } .h-15-5 { height: 155px; } .h-16 { height: 160px; } .h-16-5 { height: 165px; } .h-17 { height: 170px; } .h-17-5 { height: 175px; } .h-18 { height: 180px; } .h-18-5 { height: 185px; } .h-19 { height: 190px; } .h-19-5 { height: 195px; } .h-20 { height: 200px; } .h-20-5 { height: 205px; } .h-21 { height: 210px; } .h-21-5 { height: 215px; } .h-22 { height: 220px; } .h-22-5 { height: 225px; } .h-23 { height: 230px; } .h-23-5 { height: 235px; } .h-24 { height: 240px; } .h-24-5 { height: 245px; } .h-25 { height: 250px; } .h-25-5 { height: 255px; } .h-26 { height: 260px; } .h-26-5 { height: 265px; } .h-27 { height: 270px; } .h-27-5 { height: 275px; } .h-28 { height: 280px; } .h-28-5 { height: 285px; } .h-29 { height: 290px; } .h-29-5 { height: 295px; } .h-30 { height: 300px; } .h-30-5 { height: 305px; } .h-31 { height: 310px; } .h-31-5 { height: 315px; } .h-32 { height: 320px; } .h-32-5 { height: 325px; } .h-33 { height: 330px; } .h-33-5 { height: 335px; } .h-34 { height: 340px; } .h-34-5 { height: 345px; } .h-35 { height: 350px; } .h-35-5 { height: 355px; } .h-36 { height: 360px; } .h-36-5 { height: 365px; } .h-37 { height: 370px; } .h-37-5 { height: 375px; } .h-38 { height: 380px; } .h-38-5 { height: 385px; } .h-39 { height: 390px; } .h-39-5 { height: 395px; } .h-40 { height: 400px; } .h-40-5 { height: 405px; } .h-41 { height: 410px; } .h-41-5 { height: 415px; } .h-42 { height: 420px; } .h-42-5 { height: 425px; } .h-43 { height: 430px; } .h-43-5 { height: 435px; } .h-44 { height: 440px; } .h-44-5 { height: 445px; } .h-45 { height: 450px; } .h-45-5 { height: 455px; } .h-46 { height: 460px; } .h-46-5 { height: 465px; } .h-47 { height: 470px; } .h-47-5 { height: 475px; } .h-48 { height: 480px; } .h-48-5 { height: 485px; } .h-49 { height: 490px; } .h-49-5 { height: 495px; } .h-50 { height: 500px; } .h-50-5 { height: 505px; } .h-51 { height: 510px; } .h-51-5 { height: 515px; } .h-52 { height: 520px; } .h-52-5 { height: 525px; } .h-53 { height: 530px; } .h-53-5 { height: 535px; } .h-54 { height: 540px; } .h-54-5 { height: 545px; } .h-55 { height: 550px; } .h-55-5 { height: 555px; } .h-56 { height: 560px; } .h-56-5 { height: 565px; } .h-57 { height: 570px; } .h-57-5 { height: 575px; } .h-58 { height: 580px; } .h-58-5 { height: 585px; } .h-59 { height: 590px; } .h-59-5 { height: 595px; } .h-60 { height: 600px; } .h-60-5 { height: 605px; } .h-61 { height: 610px; } .h-61-5 { height: 615px; } .h-62 { height: 620px; } .h-62-5 { height: 625px; } .h-63 { height: 630px; } .h-63-5 { height: 635px; } .h-64 { height: 640px; } .h-64-5 { height: 645px; } .h-65 { height: 650px; } .h-65-5 { height: 655px; } .h-66 { height: 660px; } .h-66-5 { height: 665px; } .h-67 { height: 670px; } .h-67-5 { height: 675px; } .h-68 { height: 680px; } .h-68-5 { height: 685px; } .h-69 { height: 690px; } .h-69-5 { height: 695px; } .h-70 { height: 700px; } .h-70-5 { height: 705px; } .h-71 { height: 710px; } .h-71-5 { height: 715px; } .h-72 { height: 720px; } .h-72-5 { height: 725px; } .h-73 { height: 730px; } .h-73-5 { height: 735px; } .h-74 { height: 740px; } .h-74-5 { height: 745px; } .h-75 { height: 750px; } .h-75-5 { height: 755px; } .h-76 { height: 760px; } .h-76-5 { height: 765px; } .h-77 { height: 770px; } .h-77-5 { height: 775px; } .h-78 { height: 780px; } .h-78-5 { height: 785px; } .h-79 { height: 790px; } .h-79-5 { height: 795px; } .h-80 { height: 800px; } .h-80-5 { height: 805px; } .h-81 { height: 810px; } .h-81-5 { height: 815px; } .h-82 { height: 820px; } .h-82-5 { height: 825px; } .h-83 { height: 830px; } .h-83-5 { height: 835px; } .h-84 { height: 840px; } .h-84-5 { height: 845px; } .h-85 { height: 850px; } .h-85-5 { height: 855px; } .h-86 { height: 860px; } .h-86-5 { height: 865px; } .h-87 { height: 870px; } .h-87-5 { height: 875px; } .h-88 { height: 880px; } .h-88-5 { height: 885px; } .h-89 { height: 890px; } .h-89-5 { height: 895px; } .h-90 { height: 900px; } .h-90-5 { height: 905px; } .h-91 { height: 910px; } .h-91-5 { height: 915px; } .h-92 { height: 920px; } .h-92-5 { height: 925px; } .h-93 { height: 930px; } .h-93-5 { height: 935px; } .h-94 { height: 940px; } .h-94-5 { height: 945px; } .h-95 { height: 950px; } .h-95-5 { height: 955px; } .h-96 { height: 960px; } .h-96-5 { height: 965px; } .h-97 { height: 970px; } .h-97-5 { height: 975px; } .h-98 { height: 980px; } .h-98-5 { height: 985px; } .h-99 { height: 990px; } .h-99-5 { height: 995px; } .h-100 { height: 1000px; } .h-100-5 { height: 1005px; } .h-101 { height: 1010px; } .h-101-5 { height: 1015px; } .h-102 { height: 1020px; } .h-102-5 { height: 1025px; } .h-103 { height: 1030px; } .h-103-5 { height: 1035px; } .h-104 { height: 1040px; } .h-104-5 { height: 1045px; } .h-105 { height: 1050px; } .h-105-5 { height: 1055px; } .h-106 { height: 1060px; } .h-106-5 { height: 1065px; } .h-107 { height: 1070px; } .h-107-5 { height: 1075px; } .h-108 { height: 1080px; } .h-108-5 { height: 1085px; } .h-109 { height: 1090px; } .h-109-5 { height: 1095px; } .h-110 { height: 1100px; } .pull-left { float: left; } .pull-right { float: left;padding-left:14px;} .float-none, .container { float: none; } /*tab*/ .do-h4-bk { font-size: 36px; font-weight: normal; } .do-icon-program { color: #f9f9f9; } .do-one-station li { float: left; position: relative; background: #f9f9f9; width: 182px; height: 250px; cursor: pointer; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; } .do-one-station li.active { background: #ffa071; color: #fff; width: 469px; padding-top: 0; } .do-one-station .do-icon-rt { position: absolute; left: -16px; top: 80px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #fff; background-color: #f3f3f3; color: #c9c9c9; font-size: 20px; padding-top: 2px; } .do-one-station .do-h4-bk { margin-top: 55px; margin-bottom: 60px; } .do-os-p { margin-top: 10px; margin-bottom: 24px; } .do-st-tt { margin-top: 10px; display: block;width: 100%;} .do-dynamic { display: table-cell; padding: 0 100px; font-size: 16px; vertical-align: middle; height: 76px; overflow: hidden; width: 469px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: opacity 1s; -o-transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; } .active .do-dynamic { opacity: 1; visibility: visible; } .do-one-station .active .do-icon-program { display: inline-block; color: #fff; } .do-one-station { padding-bottom: 52px; }