html,
body {
  height: 100%; }

body {
  letter-spacing: 0.05em;
  font-family: 'Arial', sans-serif; }

video {
  background: white !important; }

dl,
dt,
dd,
ul,
li,
figure {
  margin: 0;
  padding: 0; }

ul {
  list-style-type: none; }

/*!
Video.js Default Styles (http://videojs.com)
Version 4.3.0
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@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; }

.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; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  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; }

/* 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;
  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; }

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

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

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

  100% {
    -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block; }

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

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff; }

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

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

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

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

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }

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

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  color: white; }

.video-js .vjs-captions {
  color: #ffcc66; }

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

/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none; }

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

/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
#wrapper {
  position: relative;
  width: 100%;
  height: 100%; }
  #wrapper header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #ccc; }

#VblContents {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 600px;
  overflow: hidden;
  font-size: 87.5%;
  font-family: 'Arial', sans-serif; }
  #VblContents img {
    border: 0;
    vertical-align: top; }
  #VblContents h2 {
    margin: 0;
    padding: 0; }
  #VblContents p {
    margin: 0;
    padding: 0;
    line-height: 1.428;
    letter-spacing: 0.1em;
    color: #888; }

#VblSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000%; }

#VblSlideInner {
  width: 100%;
  height: 100%; }

.VblContent {
  position: relative;
  min-width: 970px;
  min-height: 600px;
  height: 10%;
  overflow: hidden; }

.VblSection {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 970px;
  height: 600px;
  margin: -300px 0 0 -485px; }

@-webkit-keyframes next {
  0% {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-moz-keyframes next {
  0% {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-o-keyframes next {
  0% {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-ms-keyframes next {
  0% {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes next {
  0% {
    -webkit-transform: translate(30px, 0);
    -moz-transform: translate(30px, 0);
    -o-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes prev {
  0% {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-moz-keyframes prev {
  0% {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-o-keyframes prev {
  0% {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-ms-keyframes prev {
  0% {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes prev {
  0% {
    -webkit-transform: translate(-30px, 0);
    -moz-transform: translate(-30px, 0);
    -o-transform: translate(-30px, 0);
    -ms-transform: translate(-30px, 0);
    transform: translate(-30px, 0); }

  60% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-webkit-keyframes blink {
  0% {
    opacity: 1; }

  20% {
    opacity: 0.5; }

  80% {
    opacity: 1; }

  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 1; }

  20% {
    opacity: 0.5; }

  80% {
    opacity: 1; }

  100% {
    opacity: 1; } }
@-o-keyframes blink {
  0% {
    opacity: 1; }

  20% {
    opacity: 0.5; }

  80% {
    opacity: 1; }

  100% {
    opacity: 1; } }
@-ms-keyframes blink {
  0% {
    opacity: 1; }

  20% {
    opacity: 0.5; }

  80% {
    opacity: 1; }

  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 1; }

  20% {
    opacity: 0.5; }

  80% {
    opacity: 1; }

  100% {
    opacity: 1; } }
#VblBgWhite {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 21; }

#VblImmersionBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1; }
  #VblImmersionBg .cell {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    #VblImmersionBg .cell.start {
      -webkit-transition: -webkit-transform 0.5s;
      -moz-transition: -moz-transform 0.5s;
      -o-transition: -o-transform 0.5s;
      -ms-transition: -ms-transform 0.5s;
      transition: transform 0.5s;
      -webkit-transform: rotateY(-180deg) rotateZ(180deg);
      -moz-transform: rotateY(-180deg) rotateZ(180deg);
      -o-transform: rotateY(-180deg) rotateZ(180deg);
      -ms-transform: rotateY(-180deg) rotateZ(180deg);
      transform: rotateY(-180deg) rotateZ(180deg); }
    #VblImmersionBg .cell.reverse {
      -webkit-transform: rotateY(-180deg) rotateZ(180deg);
      -moz-transform: rotateY(-180deg) rotateZ(180deg);
      -o-transform: rotateY(-180deg) rotateZ(180deg);
      -ms-transform: rotateY(-180deg) rotateZ(180deg);
      transform: rotateY(-180deg) rotateZ(180deg); }
    #VblImmersionBg .cell .white {
      position: absolute;
      top: 0;
      left: 0;
      width: 80px;
      height: 50px;
      background: white;
      z-index: 5;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; }
    #VblImmersionBg .cell.fake .white {
      background: black; }
    #VblImmersionBg .cell .black {
      position: absolute;
      top: 0;
      left: 0;
      width: 80px;
      height: 50px;
      background: black;
      z-index: 4;
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      transform: rotateY(180deg);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden; }

#VblNext {
  position: fixed;
  bottom: -65px;
  left: 50%;
  margin: 0 0 0 -60px;
  z-index: 50; }
  #VblNext a {
    width: 120px;
    height: 65px;
    background: url("../img/btn_next.png") no-repeat 0 0; }
  #VblNext.white a {
    background: url("../img/btn_next_white.png") no-repeat 0 0; }

#VblNav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
  display: none;
  -webkit-transform: translate(0, 0%);
  -moz-transform: translate(0, 0%);
  -o-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%); }

#VblNavInner {
  position: absolute;
  top: 50%;
  left: 0;
  height: 520px;
  margin: -234px 0 0; }

#VblGlobal {
  margin: 0;
  padding: 0 0 0 10px; }
  #VblGlobal li {
    margin: 0 0 8px;
    width: 27px; }
    #VblGlobal li:last-child {
      margin: 0; }
    #VblGlobal li a {
      position: relative;
      text-decoration: none;
      display: block;
      width: 27px;
      height: 27px; }
      #VblGlobal li a .VblTxt {
        position: absolute;
        top: 0;
        left: 0;
        width: 27px;
        height: 27px;
        z-index: 10;
        line-height: 0; }
      #VblGlobal li a:after {
        display: none;
        position: absolute;
        top: 0;
        left: 35px;
        white-space: nowrap;
        color: #bcbcbc;
        font-size: 85.71429%;
        line-height: 29px;
        font-family: 'Arial', sans-serif; }
      #VblGlobal li a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 24px;
        height: 24px;
        border: 1px solid #525252;
        background: rgba(255, 255, 255, 0.5);
        z-index: 5;
        opacity: 0.7;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px; }
      #VblGlobal li a:hover:after {
        display: block; }
      #VblGlobal li a:hover .VblTxt, #VblGlobal li a.active .VblTxt {
        background-position: 0 0; }
      #VblGlobal li a:hover:before, #VblGlobal li a.active:before {
        background: #0069cd;
        border-color: #0069cd;
        opacity: 1; }
      #VblGlobal li a .VblBlink {
        position: absolute;
        top: 0;
        left: 0;
        width: 27px;
        height: 27px;
        -webkit-transform-origin: center center;
        -moz-transform-origin: center center;
        -o-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -o-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        background: #0069cd;
        z-index: 1;
        opacity: 1;
        -webkit-animation-duration: 0;
        -moz-animation-duration: 0;
        -o-animation-duration: 0;
        -ms-animation-duration: 0;
        animation-duration: 0;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -o-animation-iteration-count: 1;
        -ms-animation-iteration-count: 1;
        animation-iteration-count: 1; }
      #VblGlobal li a.blink:before {
        content: ' ';
        opacity: 1;
        background: #0069cd;
        border-color: #0069cd; }
      #VblGlobal li a.blink .VblBlink {
        -webkit-animation-name: navBlink;
        -moz-animation-name: navBlink;
        -o-animation-name: navBlink;
        -ms-animation-name: navBlink;
        animation-name: navBlink;
        -webkit-animation-duration: 0.5s;
        -moz-animation-duration: 0.5s;
        -o-animation-duration: 0.5s;
        -ms-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-delay: 0;
        -moz-animation-delay: 0;
        -o-animation-delay: 0;
        -ms-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        animation-iteration-count: infinite; }
      #VblGlobal li a.blink:after {
        display: block; }

@-webkit-keyframes navBlink {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); } }
@-moz-keyframes navBlink {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); } }
@-o-keyframes navBlink {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); } }
@-ms-keyframes navBlink {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); } }
@keyframes navBlink {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2); } }
#VblGlobal .VblGlobalNav0 a:after {
  content: "顶部"; }
#VblGlobal .VblGlobalNav0 a .VblTxt {
  background: url("../img/nav_0.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav0 a.active .VblTxt, #VblGlobal .VblGlobalNav0 a:hover .VblTxt, #VblGlobal .VblGlobalNav0 a.blink .VblTxt {
  background: url("../img/nav_0_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav0 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav0 a.noHover:hover .VblTxt {
    background: url("../img/nav_0.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav0 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav0 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav0 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav0 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_0_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav1 a:after {
  content: "简介"; }
#VblGlobal .VblGlobalNav1 a .VblTxt {
  background: url("../img/nav_1.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav1 a.active .VblTxt, #VblGlobal .VblGlobalNav1 a:hover .VblTxt, #VblGlobal .VblGlobalNav1 a.blink .VblTxt {
  background: url("../img/nav_1_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav1 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav1 a.noHover:hover .VblTxt {
    background: url("../img/nav_1.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav1 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav1 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav1 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav1 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_1_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav2 a:after {
  content: "INFO-Palette"; }
#VblGlobal .VblGlobalNav2 a .VblTxt {
  background: url("../img/nav_2.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav2 a.active .VblTxt, #VblGlobal .VblGlobalNav2 a:hover .VblTxt, #VblGlobal .VblGlobalNav2 a.blink .VblTxt {
  background: url("../img/nav_2_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav2 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav2 a.noHover:hover .VblTxt {
    background: url("../img/nav_2.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav2 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav2 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav2 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav2 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_2_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav3 a:after {
  content: "可访问性"; }
#VblGlobal .VblGlobalNav3 a .VblTxt {
  background: url("../img/nav_3.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav3 a.active .VblTxt, #VblGlobal .VblGlobalNav3 a:hover .VblTxt, #VblGlobal .VblGlobalNav3 a.blink .VblTxt {
  background: url("../img/nav_3_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav3 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav3 a.noHover:hover .VblTxt {
    background: url("../img/nav_3.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav3 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav3 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav3 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav3 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_3_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav4 a:after {
  content: "云兼容性"; }
#VblGlobal .VblGlobalNav4 a .VblTxt {
  background: url("../img/nav_4.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav4 a.active .VblTxt, #VblGlobal .VblGlobalNav4 a:hover .VblTxt, #VblGlobal .VblGlobalNav4 a.blink .VblTxt {
  background: url("../img/nav_4_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav4 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav4 a.noHover:hover .VblTxt {
    background: url("../img/nav_4.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav4 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav4 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav4 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav4 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_4_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav5 a:after {
  content: "生产力"; }
#VblGlobal .VblGlobalNav5 a .VblTxt {
  background: url("../img/nav_5.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav5 a.active .VblTxt, #VblGlobal .VblGlobalNav5 a:hover .VblTxt, #VblGlobal .VblGlobalNav5 a.blink .VblTxt {
  background: url("../img/nav_5_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav5 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav5 a.noHover:hover .VblTxt {
    background: url("../img/nav_5.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav5 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav5 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav5 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav5 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_5_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav6 a:after {
  content: "数字化"; }
#VblGlobal .VblGlobalNav6 a .VblTxt {
  background: url("../img/nav_6.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav6 a.active .VblTxt, #VblGlobal .VblGlobalNav6 a:hover .VblTxt, #VblGlobal .VblGlobalNav6 a.blink .VblTxt {
  background: url("../img/nav_6_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav6 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav6 a.noHover:hover .VblTxt {
    background: url("../img/nav_6.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav6 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav6 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav6 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav6 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_6_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav7 a:after {
  content: "环保意识"; }
#VblGlobal .VblGlobalNav7 a .VblTxt {
  background: url("../img/nav_7.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav7 a.active .VblTxt, #VblGlobal .VblGlobalNav7 a:hover .VblTxt, #VblGlobal .VblGlobalNav7 a.blink .VblTxt {
  background: url("../img/nav_7_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav7 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav7 a.noHover:hover .VblTxt {
    background: url("../img/nav_7.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav7 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav7 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav7 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav7 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_7_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav8 a:after {
  content: "实现更有创造性的商务办公"; }
#VblGlobal .VblGlobalNav8 a .VblTxt {
  background: url("../img/nav_8.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav8 a.active .VblTxt, #VblGlobal .VblGlobalNav8 a:hover .VblTxt, #VblGlobal .VblGlobalNav8 a.blink .VblTxt {
  background: url("../img/nav_8_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav8 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav8 a.noHover:hover .VblTxt {
    background: url("../img/nav_8.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav8 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav8 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav8 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav8 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_8_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav9 a:after {
  content: "信息"; }
#VblGlobal .VblGlobalNav9 a .VblTxt {
  background: url("../img/nav_9.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav9 a.active .VblTxt, #VblGlobal .VblGlobalNav9 a:hover .VblTxt, #VblGlobal .VblGlobalNav9 a.blink .VblTxt {
  background: url("../img/nav_9_on.png") no-repeat -1px -1px; }
#VblGlobal .VblGlobalNav9 a.noHover {
  cursor: default; }
  #VblGlobal .VblGlobalNav9 a.noHover:hover .VblTxt {
    background: url("../img/nav_9.png") no-repeat -1px -1px; }
  #VblGlobal .VblGlobalNav9 a.noHover:hover:before {
    border: 1px solid #525252;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.7; }
  #VblGlobal .VblGlobalNav9 a.noHover:hover:after {
    display: none; }
  #VblGlobal .VblGlobalNav9 a.noHover.active:hover:before {
    background: #0069cd;
    border-color: #0069cd;
    opacity: 1; }
  #VblGlobal .VblGlobalNav9 a.noHover.active:hover .VblTxt {
    background: url("../img/nav_9_on.png") no-repeat -1px -1px; }

#VblGlobal .VblGlobalNav1 a .VblTxt {
  background: url("../img/nav_1.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav1 a.active .VblTxt, #VblGlobal .VblGlobalNav1 a:hover .VblTxt, #VblGlobal .VblGlobalNav1 a.blink .VblTxt {
  background: url("../img/nav_1_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav1 a.noHover:hover .VblTxt {
  background: url("../img/nav_1.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav1 a.noHover.active:hover .VblTxt {
  background: url("../img/nav_1_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav6 a .VblTxt {
  background: url("../img/nav_6.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav6 a.active .VblTxt, #VblGlobal .VblGlobalNav6 a:hover .VblTxt, #VblGlobal .VblGlobalNav6 a.blink .VblTxt {
  background: url("../img/nav_6_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav6 a.noHover:hover .VblTxt {
  background: url("../img/nav_6.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav6 a.noHover.active:hover .VblTxt {
  background: url("../img/nav_6_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav7 a .VblTxt {
  background: url("../img/nav_7.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav7 a.active .VblTxt, #VblGlobal .VblGlobalNav7 a:hover .VblTxt, #VblGlobal .VblGlobalNav7 a.blink .VblTxt {
  background: url("../img/nav_7_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav7 a.noHover:hover .VblTxt {
  background: url("../img/nav_7.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav7 a.noHover.active:hover .VblTxt {
  background: url("../img/nav_7_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav8 a .VblTxt {
  background: url("../img/nav_8.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav8 a.active .VblTxt, #VblGlobal .VblGlobalNav8 a:hover .VblTxt, #VblGlobal .VblGlobalNav8 a.blink .VblTxt {
  background: url("../img/nav_8_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav8 a.noHover:hover .VblTxt {
  background: url("../img/nav_8.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav8 a.noHover.active:hover .VblTxt {
  background: url("../img/nav_8_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav9 a .VblTxt {
  background: url("../img/nav_9.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav9 a.active .VblTxt, #VblGlobal .VblGlobalNav9 a:hover .VblTxt, #VblGlobal .VblGlobalNav9 a.blink .VblTxt {
  background: url("../img/nav_9_on.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav9 a.noHover:hover .VblTxt {
  background: url("../img/nav_9.png") no-repeat 0 -1px; }
#VblGlobal .VblGlobalNav9 a.noHover.active:hover .VblTxt {
  background: url("../img/nav_9_on.png") no-repeat 0 -1px; }

#VblGlobalPrevNext {
  position: absolute;
  bottom: 0;
  left: 0; }
  #VblGlobalPrevNext li a {
    width: 40px;
    height: 40px; }

#VblGlobalPrev {
  margin: 0 0 1px; }
  #VblGlobalPrev a {
    background: #969696 url("../img/nav_prev.png") no-repeat 0 0; }
    #VblGlobalPrev a:hover {
      background-color: #0069cd; }
    #VblGlobalPrev a.noHover {
      cursor: default; }
      #VblGlobalPrev a.noHover:hover {
        background-color: #969696; }

#VblGlobalNext a {
  background: #969696 url("../img/nav_next.png") no-repeat 0 0; }
  #VblGlobalNext a:hover {
    background-color: #0069cd; }
  #VblGlobalNext a.disable {
    opacity: 0.3;
    cursor: default; }
    #VblGlobalNext a.disable:hover {
      background-color: #969696; }
  #VblGlobalNext a.noHover {
    cursor: default; }
    #VblGlobalNext a.noHover:hover {
      background-color: #969696; }

#VblOpening {
  z-index: 6;
  overflow: hidden; }

#VblOpeningFig {
  position: absolute;
  top: 90px;
  left: 35px;
  width: 392px;
  height: 497px;
  background: url("../img/00/bizhub.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px); }

#VblStart {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 95px 0 0 -92px; }
  #VblStart a {
    display: block;
    width: 180px;
    height: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 120%;
    background: url("../img/00/btn_start.gif") no-repeat 0 0; }

#VblLoading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }

#VblLoadingWrapper {
  display: table;
  width: 100%;
  height: 100%;
  z-index: 10; }

#VblLoadingInner {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle; }

#VblLoadingCircle {
  position: relative;
  width: 0;
  height: 0;
  margin: auto;
  -webkit-border-radius: 2000px;
  -moz-border-radius: 2000px;
  -o-border-radius: 2000px;
  -ms-border-radius: 2000px;
  border-radius: 2000px;
  background: white;
  overflow: hidden; }
  #VblLoadingCircle.border {
    border: 2px solid #ccc; }

#VblCircleClone {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 412px;
  height: 412px;
  margin: -206px 0 0 -206px;
  background: white;
  -webkit-border-radius: 2000px;
  -moz-border-radius: 2000px;
  -o-border-radius: 2000px;
  -ms-border-radius: 2000px;
  border-radius: 2000px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 9; }

#VblLoadingContents {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 412px;
  height: 412px;
  margin: -206px 0 0 -206px; }

#VblLoadingIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 69px;
  height: 123px;
  margin: -88px 0 0 -35px;
  padding: 2px; }
  #VblLoadingIcon img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }

#VblLoadingBarWrap {
  position: relative;
  width: 100%;
  height: 100%; }

#VblLoadingBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #474747; }

#VblLoadingNum {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 402px;
  height: 30px;
  text-align: center;
  margin: 40px 0 0 -206px;
  padding: 0 0 0 10px;
  line-height: 1; }

#VblLoadingNumIn {
  display: inline-block;
  font-size: 30px;
  font-family: 'Arial', sans-serif;
  white-space: nowrap;
  vertical-align: baseline;
  letter-spacing: -0.01em; }

#VblLoadingPer {
  display: inline-block;
  width: 10px;
  height: 9px;
  margin: 0 0 0 3px;
  background: url("../img/00/per.gif") no-repeat 0 0; }

#VblLoadingTxt {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 83px;
  height: 12px;
  margin: 76px 0 0 -34px;
  background: url("../img/00/txt_loading.gif") no-repeat 0 0; }

#VblScrollBtnForPc,
#VblScrollBtnForPad {
  display: none;
  margin: 0 0 0 90px;
  width: 114px;
  height: 76px;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

#VblScrollBtnForPc {
  background: url("../img/btn_next.gif") no-repeat 0 0; }

#VblScrollBtnForPad {
  background: url("../img/btn_next_ipad.gif") no-repeat 0 0; }

#VblInstruction {
  position: relative;
  width: 770px;
  height: 522px;
  padding: 28px 40px 0;
  background: #f4f4f4; }
  #VblInstruction img {
    vertical-align: top; }
  #VblInstruction p {
    margin: 0 0 22px;
    text-align: center; }
  #VblInstruction figure {
    text-align: center; }
    #VblInstruction figure.VblInstruction1 {
      margin: 0 0 22px;
      padding: 0 0 18px;
      border-bottom: 2px solid #d0d0d0; }

#VblInstructionBtn {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 61px;
  height: 61px;
  background: url("../img/btn_close_white.png") no-repeat 0 0;
  z-index: 1; }

#VblInstructionClose {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10; }

#VblCopy h2 {
  width: 871px;
  height: 34px;
  background: url("../img/00/h1_01.gif") no-repeat 0 0;
  margin: 230px auto 12px;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px); }
#VblCopy p {
  width: 875px;
  height: 27px;
  background: url("../img/00/h1_02.gif") no-repeat 0 0;
  margin: 0 auto 140px;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  -moz-transform: translate(0, 20px);
  -o-transform: translate(0, 20px);
  -ms-transform: translate(0, 20px);
  transform: translate(0, 20px); }

#VblStart {
  text-align: center;
  display: none; }

#VblIntro {
  width: 100%;
  background: white;
  z-index: 5; }
  #VblIntro .VblSection {
    z-index: 10; }

#VblExperience h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -209px 0 0 -327px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
#VblExperience p {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 540px;
  font-size: 100%;
  line-height: 2;
  margin: -50px 0 0 -428px;
  opacity: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblIntroFig {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }

#VblExperienceFig {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 316px;
  height: 465px;
  margin: -242px 0 0 116px;
  background: url("../img/01/bizhub.png") no-repeat 0 0;
  -webkit-transform-origin: 248px 133px;
  -moz-transform-origin: 248px 133px;
  -o-transform-origin: 248px 133px;
  -ms-transform-origin: 248px 133px;
  transform-origin: 248px 133px; }

#VblInfoPalette h2 {
  position: absolute;
  top: 155px;
  left: 71px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
#VblInfoPalette p {
  position: absolute;
  top: 307px;
  left: 71px;
  width: 370px;
  line-height: 1.786;
  letter-spacing: 0.05em;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblInfoPaletteFig {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1023px;
  height: 990px;
  margin: -437px 0 0 -67px;
  background: url("../img/02/fig1.png") no-repeat 0 0;
  -webkit-transform-origin: 440px 310px;
  -moz-transform-origin: 440px 310px;
  -o-transform-origin: 440px 310px;
  -ms-transform-origin: 440px 310px;
  transform-origin: 440px 310px; }

#VblAccess0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/03/bg.jpg") no-repeat center center;
  overflow: hidden;
  z-index: 5; }

#VblAccessSection0 {
  z-index: 10; }
  #VblAccessSection0 h2 {
    position: absolute;
    top: 320px;
    left: 230px;
    z-index: 5;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  #VblAccessSection0 p {
    position: absolute;
    top: 372px;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    line-height: 1.64;
    z-index: 5;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }

#VblAccessSection1 {
  display: none;
  z-index: 11; }
  #VblAccessSection1 h2 {
    position: absolute;
    top: 37px;
    left: 560px;
    width: 289px;
    height: 31px;
    z-index: 5; }
  #VblAccessSection1 p {
    position: absolute;
    top: 85px;
    left: 562px;
    width: 365px;
    line-height: 1.64;
    z-index: 5;
    opacity: 0; }

#VblAccess1Title1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }

#VblAccess1Title2 {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0; }

#VblAccess0Bizhub {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 491px;
  height: 335px;
  background: url("../img/03/bizhub.png") no-repeat 0 0;
  margin: -335px 0 0 -260px;
  z-index: 5; }

#VblAccess0Logo {
  position: absolute;
  top: 445px;
  left: 459px;
  z-index: 5; }
  #VblAccess0Logo li {
    float: left;
    margin: 0 7px 0 0; }
    #VblAccess0Logo li:last-child {
      margin: 0; }

#VblAccess0Logo1 {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  transform: translate(0, -20px); }

#VblAccess0Logo2 {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  transform: translate(0, -20px); }

#VblAccess0Logo3 {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  transform: translate(0, -20px); }

#VblAccess0Desk {
  position: absolute;
  top: 404px;
  left: -56px;
  width: 519px;
  height: 383px;
  background: url("../img/03/desk.png") no-repeat 0 0;
  opacity: 0;
  z-index: 5; }

#VblAccess0Human {
  position: absolute;
  top: 177px;
  left: 764px;
  width: 180px;
  height: 443px;
  background: url("../img/03/human.png") no-repeat 0 0;
  opacity: 0;
  z-index: 5; }

#VblRipple0 {
  position: absolute;
  top: -86px;
  left: 50%;
  width: 644px;
  height: 644px;
  margin: 0 0 0 -322px;
  -webkit-transform: scaleX(1.42);
  -moz-transform: scaleX(1.42);
  -o-transform: scaleX(1.42);
  -ms-transform: scaleX(1.42);
  transform: scaleX(1.42);
  -webkit-transform-origin: 322px 322px;
  -moz-transform-origin: 322px 322px;
  -o-transform-origin: 322px 322px;
  -ms-transform-origin: 322px 322px;
  transform-origin: 322px 322px;
  z-index: 1; }
  #VblRipple0 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 644px;
    height: 644px;
    -webkit-border-radius: 322px;
    -moz-border-radius: 322px;
    -o-border-radius: 322px;
    -ms-border-radius: 322px;
    border-radius: 322px;
    background: #7fc3ff;
    opacity: 0.5;
    -webkit-transform: translate(0, 0) scale(0);
    -moz-transform: translate(0, 0) scale(0);
    -o-transform: translate(0, 0) scale(0);
    -ms-transform: translate(0, 0) scale(0);
    transform: translate(0, 0) scale(0);
    -webkit-transform-origin: 317px 261px;
    -moz-transform-origin: 317px 261px;
    -o-transform-origin: 317px 261px;
    -ms-transform-origin: 317px 261px;
    transform-origin: 317px 261px; }
    #VblRipple0 div:nth-child(1) {
      z-index: 3; }
    #VblRipple0 div:nth-child(2) {
      z-index: 2; }
    #VblRipple0 div:nth-child(3) {
      z-index: 1; }

#VblRipple1 {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 360px;
  height: 360px;
  margin: 0 0 0 -180px;
  -webkit-transform-origin: 180px 180px;
  -moz-transform-origin: 180px 180px;
  -o-transform-origin: 180px 180px;
  -ms-transform-origin: 180px 180px;
  transform-origin: 180px 180px;
  z-index: 7; }
  #VblRipple1 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 360px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    -o-border-radius: 180px;
    -ms-border-radius: 180px;
    border-radius: 180px;
    background: #7fc3ff;
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    #VblRipple1 div:nth-child(1) {
      z-index: 1; }
    #VblRipple1 div:nth-child(2) {
      z-index: 2; }
    #VblRipple1 div:nth-child(3) {
      z-index: 3; }

#VblRipple6 {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 360px;
  height: 360px;
  margin: 0 0 0 -180px;
  -webkit-transform-origin: 180px 180px;
  -moz-transform-origin: 180px 180px;
  -o-transform-origin: 180px 180px;
  -ms-transform-origin: 180px 180px;
  transform-origin: 180px 180px;
  z-index: 7; }
  #VblRipple6 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 360px;
    -webkit-border-radius: 322px;
    -moz-border-radius: 322px;
    -o-border-radius: 322px;
    -ms-border-radius: 322px;
    border-radius: 322px;
    background: #7fc3ff;
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    #VblRipple6 div:nth-child(1) {
      z-index: 1; }
    #VblRipple6 div:nth-child(2) {
      z-index: 2; }
    #VblRipple6 div:nth-child(3) {
      z-index: 3; }

#VblRipple2 {
  position: absolute;
  top: 217px;
  left: 715px;
  width: 140px;
  height: 140px;
  z-index: 7; }
  #VblRipple2 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    border-radius: 70px;
    background: #ff7f7f;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 70px 70px;
    -moz-transform-origin: 70px 70px;
    -o-transform-origin: 70px 70px;
    -ms-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    opacity: 0.5; }
    #VblRipple2 div:nth-child(1) {
      z-index: 1; }
    #VblRipple2 div:nth-child(2) {
      z-index: 2; }
    #VblRipple2 div:nth-child(3) {
      z-index: 3; }

#VblRipple3 {
  position: absolute;
  top: 506px;
  left: 293px;
  width: 140px;
  height: 140px;
  z-index: 7; }
  #VblRipple3 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    border-radius: 70px;
    background: #ff7f7f;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 70px 70px;
    -moz-transform-origin: 70px 70px;
    -o-transform-origin: 70px 70px;
    -ms-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    opacity: 0.5; }
    #VblRipple3 div:nth-child(1) {
      z-index: 1; }
    #VblRipple3 div:nth-child(2) {
      z-index: 2; }
    #VblRipple3 div:nth-child(3) {
      z-index: 3; }

#VblRipple4 {
  position: absolute;
  top: 451px;
  left: 172px;
  width: 140px;
  height: 140px;
  z-index: 7; }
  #VblRipple4 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    border-radius: 70px;
    background: #ff7f7f;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 70px 70px;
    -moz-transform-origin: 70px 70px;
    -o-transform-origin: 70px 70px;
    -ms-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    opacity: 0.5; }
    #VblRipple4 div:nth-child(1) {
      z-index: 1; }
    #VblRipple4 div:nth-child(2) {
      z-index: 2; }
    #VblRipple4 div:nth-child(3) {
      z-index: 3; }

#VblRipple5 {
  position: absolute;
  top: 430px;
  left: 6px;
  width: 140px;
  height: 140px;
  z-index: 7; }
  #VblRipple5 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    height: 140px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    border-radius: 70px;
    background: #ff7f7f;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 70px 70px;
    -moz-transform-origin: 70px 70px;
    -o-transform-origin: 70px 70px;
    -ms-transform-origin: 70px 70px;
    transform-origin: 70px 70px;
    opacity: 0.5; }
    #VblRipple5 div:nth-child(1) {
      z-index: 1; }
    #VblRipple5 div:nth-child(2) {
      z-index: 2; }
    #VblRipple5 div:nth-child(3) {
      z-index: 3; }

#VblAccessNav {
  position: absolute;
  top: 50%;
  right: 0;
  width: 180px;
  height: 40px;
  padding: 5px 0 5px 10px;
  background: rgba(0, 0, 0, 0.7);
  margin: 217px 0 0;
  -webkit-transform: translate(190px, 0);
  -moz-transform: translate(190px, 0);
  -o-transform: translate(190px, 0);
  -ms-transform: translate(190px, 0);
  transform: translate(190px, 0);
  z-index: 20; }
  #VblAccessNav dt {
    float: left;
    width: 80px;
    height: 40px;
    background: url("../img/03/side_title.png") no-repeat 0 0; }
  #VblAccessNav dd {
    float: left; }
  #VblAccessNav ul {
    display: table; }
    #VblAccessNav ul li {
      display: table-cell;
      padding: 0 10px 0 0; }
      #VblAccessNav ul li a {
        width: 40px;
        height: 40px; }
      #VblAccessNav ul li.VblNav0 a {
        background: url("../img/03/btn0.png") no-repeat 0 0; }
        #VblAccessNav ul li.VblNav0 a:hover, #VblAccessNav ul li.VblNav0 a.active {
          background-image: url("../img/03/btn0_on.png"); }
      #VblAccessNav ul li.VblNav1 a {
        background: url("../img/03/btn1.png") no-repeat 0 0; }
        #VblAccessNav ul li.VblNav1 a:hover, #VblAccessNav ul li.VblNav1 a.active {
          background-image: url("../img/03/btn1_on.png"); }

#VblAccessibility p {
  font-size: 100%;
  color: #888;
  line-height: 1.64; }

#VblAccess1Bizhub {
  position: absolute;
  top: 210px;
  left: 40px;
  width: 460px;
  height: 696px;
  background: url("../img/03/bizhub1.png") no-repeat 0 0;
  z-index: 5;
  opacity: 0; }

#VblAccessHand {
  position: absolute;
  top: 303px;
  left: -196px;
  width: 529px;
  height: 570px;
  background: url("../img/03/hand.png") no-repeat 0 0;
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: translate(254px, 111px) scale(0.5);
  -moz-transform: translate(254px, 111px) scale(0.5);
  -o-transform: translate(254px, 111px) scale(0.5);
  -ms-transform: translate(254px, 111px) scale(0.5);
  transform: translate(254px, 111px) scale(0.5);
  z-index: 25;
  opacity: 0; }

#VblAccessPdf {
  position: absolute;
  top: 324px;
  left: 191px;
  width: 71px;
  height: 75px;
  background: url("../img/03/pdfIcon.png") no-repeat 0 0;
  -webkit-transform-origin: 35px 38px;
  -moz-transform-origin: 35px 38px;
  -o-transform-origin: 35px 38px;
  -ms-transform-origin: 35px 38px;
  transform-origin: 35px 38px;
  z-index: 30;
  opacity: 0; }

#VblRipple7 {
  position: absolute;
  top: 325px;
  left: 265px;
  width: 250px;
  height: 250px;
  z-index: 26; }
  #VblRipple7 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    -o-border-radius: 125px;
    -ms-border-radius: 125px;
    border-radius: 125px;
    background: #ffee7f;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 125px 125px;
    -moz-transform-origin: 125px 125px;
    -o-transform-origin: 125px 125px;
    -ms-transform-origin: 125px 125px;
    transform-origin: 125px 125px;
    opacity: 0.5; }
    #VblRipple7 div:nth-child(1) {
      z-index: 1; }
    #VblRipple7 div:nth-child(2) {
      z-index: 2; }
    #VblRipple7 div:nth-child(3) {
      z-index: 3; }

#VblRipple8 {
  position: absolute;
  top: 237px;
  left: 101px;
  width: 250px;
  height: 250px;
  z-index: 26; }
  #VblRipple8 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    -o-border-radius: 125px;
    -ms-border-radius: 125px;
    border-radius: 125px;
    background: #ff7f7f;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 125px 125px;
    -moz-transform-origin: 125px 125px;
    -o-transform-origin: 125px 125px;
    -ms-transform-origin: 125px 125px;
    transform-origin: 125px 125px;
    opacity: 0.5; }
    #VblRipple8 div:nth-child(1) {
      z-index: 1; }
    #VblRipple8 div:nth-child(2) {
      z-index: 2; }
    #VblRipple8 div:nth-child(3) {
      z-index: 3; }

#VblRipple9 {
  position: absolute;
  top: 273px;
  left: 785px;
  width: 250px;
  height: 250px;
  z-index: 26; }
  #VblRipple9 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    -o-border-radius: 125px;
    -ms-border-radius: 125px;
    border-radius: 125px;
    background: #7fc3ff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 125px 125px;
    -moz-transform-origin: 125px 125px;
    -o-transform-origin: 125px 125px;
    -ms-transform-origin: 125px 125px;
    transform-origin: 125px 125px;
    opacity: 0.5; }
    #VblRipple9 div:nth-child(1) {
      z-index: 1; }
    #VblRipple9 div:nth-child(2) {
      z-index: 2; }
    #VblRipple9 div:nth-child(3) {
      z-index: 3; }

#VblAccessPaper1 {
  position: absolute;
  top: 213px;
  left: 234px;
  width: 401px;
  height: 287px;
  background: url("../img/03/paper_01.png") no-repeat 0 0;
  z-index: 6;
  opacity: 0;
  -webkit-transform: translate(343px, 160px) scale(0.65);
  -moz-transform: translate(343px, 160px) scale(0.65);
  -o-transform: translate(343px, 160px) scale(0.65);
  -ms-transform: translate(343px, 160px) scale(0.65);
  transform: translate(343px, 160px) scale(0.65); }

#VblAccessPaper2 {
  position: absolute;
  top: 241px;
  left: 286px;
  width: 288px;
  height: 207px;
  background: url("../img/03/paper_02.png") no-repeat 0 0;
  z-index: 7;
  opacity: 0; }

#VblAccessCrane0,
#VblAccessCrane1,
#VblAccessCrane2,
#VblAccessCrane3,
#VblAccessCrane4,
#VblAccessCrane5,
#VblAccessCrane6,
#VblAccessCrane7,
#VblAccessCrane8,
#VblAccessCrane9 {
  position: absolute;
  top: 59px;
  left: 135px;
  opacity: 0; }

#VblAccessCrane0 {
  z-index: 8; }

#VblAccessCrane1 {
  z-index: 9; }

#VblAccessCrane2 {
  z-index: 10; }

#VblAccessCrane3 {
  z-index: 11; }

#VblAccessCrane4 {
  z-index: 12; }

#VblAccessCrane5 {
  z-index: 13; }

#VblAccessCrane6 {
  z-index: 14; }

#VblAccessCrane7 {
  z-index: 15; }

#VblAccessCraneBg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1280px;
  height: 700px;
  margin: -410px 0 0 -636px;
  z-index: 1;
  opacity: 0; }

#VblAccessCrane8 {
  z-index: 27; }

#VblAccessCrane9 {
  z-index: 28; }

#VblCloudTxt {
  position: relative;
  margin: 0 0 0;
  z-index: 10; }
  #VblCloudTxt h2 {
    position: absolute;
    top: 20px;
    left: 71px;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  #VblCloudTxt p {
    position: absolute;
    top: 0;
    left: 50%;
    width: 485px -13px;
    padding: 20px 0 0 13px;
    color: #c0c0c0;
    line-height: 1.428;
    font-size: 100%;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }

#VblCloudFig {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2000px;
  height: 100%;
  margin: 0 0 0 -1000px;
  background: url("../img/04/bizhub.jpg") no-repeat 0 center;
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  z-index: 5; }

#VblCloudBg {
  position: absolute;
  top: 0;
  right: 50%;
  width: 0;
  height: 100%;
  margin: 0 -1000px 0 0;
  background: url("../img/04/bg.jpg") no-repeat right center;
  z-index: 6;
  overflow: hidden; }

#VblCloudBtns {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2000px;
  height: 133px;
  margin: 265px 0 0 0;
  z-index: 7;
  background: url("../img/04/btns.jpg") no-repeat center 0; }

#VblCloudBox {
  opacity: 0;
  position: absolute;
  top: 174px;
  left: 158px;
  width: 665px;
  height: 343px;
  z-index: 10; }

#VblCloudLeftWindow {
  position: absolute;
  top: 0;
  left: 0;
  width: 327px;
  height: 343px;
  background: url("../img/04/fig_left1.jpg") no-repeat 0 0;
  z-index: 10;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: perspective(1000px) rotateY(0deg);
  -moz-transform: perspective(1000px) rotateY(0deg);
  -o-transform: perspective(1000px) rotateY(0deg);
  -ms-transform: perspective(1000px) rotateY(0deg);
  transform: perspective(1000px) rotateY(0deg);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  transition-duration: 0.7s; }
  #VblCloudLeftWindow .VblShadow {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    background: url("../img/04/shadow_right.png") repeat-y 0 0; }
  #VblCloudLeftWindow.back {
    background-image: url("../img/04/fig_left2.jpg"); }
    #VblCloudLeftWindow.back .VblShadow {
      opacity: 1; }

#VblCloudRightWindow {
  position: absolute;
  top: 0;
  right: 0;
  width: 338px;
  height: 343px;
  background: url("../img/04/fig_right1.jpg") no-repeat 0 0;
  z-index: 10;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: perspective(1000px) rotateY(0deg);
  -moz-transform: perspective(1000px) rotateY(0deg);
  -o-transform: perspective(1000px) rotateY(0deg);
  -ms-transform: perspective(1000px) rotateY(0deg);
  transform: perspective(1000px) rotateY(0deg);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 0.7s;
  -moz-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  -ms-transition-duration: 0.7s;
  transition-duration: 0.7s; }
  #VblCloudRightWindow .VblShadow {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: url("../img/04/shadow_left.png") repeat-y 0 0; }
  #VblCloudRightWindow.back {
    background-image: url("../img/04/fig_right2.jpg"); }
    #VblCloudRightWindow.back .VblShadow {
      opacity: 1; }

.touch #VblCloudLeftWindow {
  -webkit-transform: perspective(800px) rotateY(-120deg);
  -moz-transform: perspective(800px) rotateY(-120deg);
  -o-transform: perspective(800px) rotateY(-120deg);
  -ms-transform: perspective(800px) rotateY(-120deg);
  transform: perspective(800px) rotateY(-120deg); }
.touch #VblCloudRightWindow {
  -webkit-transform: perspective(800px) rotateY(120deg);
  -moz-transform: perspective(800px) rotateY(120deg);
  -o-transform: perspective(800px) rotateY(120deg);
  -ms-transform: perspective(800px) rotateY(120deg);
  transform: perspective(800px) rotateY(120deg); }

.close #VblCloudLeftWindow {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform: perspective(800px) rotateY(0deg);
  -moz-transform: perspective(800px) rotateY(0deg);
  -o-transform: perspective(800px) rotateY(0deg);
  -ms-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg); }
.close #VblCloudRightWindow {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform: perspective(800px) rotateY(0deg);
  -moz-transform: perspective(800px) rotateY(0deg);
  -o-transform: perspective(800px) rotateY(0deg);
  -ms-transform: perspective(800px) rotateY(0deg);
  transform: perspective(800px) rotateY(0deg); }

#VblCloudVideo {
  width: 665px;
  height: 343px; }
  #VblCloudVideo.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
    width: 106px;
    height: 106px;
    background: url("../img/04/btn_play.png") no-repeat 0 0;
    border: 0;
    margin: -81px 0 0 -53px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
    #VblCloudVideo.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button:before {
      display: none; }
  #VblCloudVideo .vjs-fullscreen-control {
    display: none !important; }
  #VblCloudVideo .vjs-volume-control {
    margin-right: 30px !important; }

#VblCloudNav {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 663px;
  height: 68px;
  margin: 180px 0 0 -326px; }

#VblCloudBgMonitor {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 744px;
  height: 418px;
  margin: -153px 0 0 -365px;
  background: url("../img/04/bg_monitor.jpg") no-repeat 0 0;
  z-index: 9; }

#VblCloudCenter {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden; }

#VblCloudVideoWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5; }

#VblProduct {
  background: url("../img/05/bg.jpg") no-repeat center top; }
  #VblProduct .VblSection {
    z-index: 10; }
  #VblProduct h2 {
    position: absolute;
    top: 49px;
    left: 571px;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  #VblProduct #VblProductText {
    width: 370px;
    position: absolute;
    top: 204px;
    left: 575px;
    margin: 0 0 10px;
    line-height: 1.78;
    color: #fff;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }

#VblProductWatch1 {
  position: absolute;
  top: 484px;
  left: 50%;
  opacity: 0;
  margin: 0 0 0 296px;
  width: 149px;
  height: 14px;
  background: url("../img/05/btn_youtube1.png") no-repeat 0 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblProductWatch2 {
  position: absolute;
  top: 514px;
  left: 50%;
  opacity: 0;
  margin: 0 0 0 197px;
  width: 248px;
  height: 15px;
  background: url("../img/05/btn_youtube2.png") no-repeat 0 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblProductTextBox {
  position: absolute;
  top: 235px;
  left: 50%;
  width: 420px;
  height: 200px;
  margin: 0 0 0 65px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
  #VblProductTextBox h3 {
    margin: 0 0 15px; }
  #VblProductTextBox p {
    margin: 0 0 10px;
    line-height: 1.78;
    color: #fff; }
  #VblProductTextBox > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 370px;
    height: 200px;
    padding: 0 25px;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    -o-perspective-origin: 0 50%;
    -ms-perspective-origin: 0 50%;
    perspective-origin: 0 50%; }
    #VblProductTextBox > div#VblProductText1 {
      -webkit-transform: perspective(2000px) rotateY(0deg);
      -moz-transform: perspective(2000px) rotateY(0deg);
      -o-transform: perspective(2000px) rotateY(0deg);
      -ms-transform: perspective(2000px) rotateY(0deg);
      transform: perspective(2000px) rotateY(0deg); }
      #VblProductTextBox > div#VblProductText1 h3 {
        width: 151px;
        height: 19px;
        background: url("../img/05/txt_email.png") no-repeat 0 0; }
    #VblProductTextBox > div#VblProductText2 {
      -webkit-transform: perspective(2000px) rotateY(90deg);
      -moz-transform: perspective(2000px) rotateY(90deg);
      -o-transform: perspective(2000px) rotateY(90deg);
      -ms-transform: perspective(2000px) rotateY(90deg);
      transform: perspective(2000px) rotateY(90deg); }
      #VblProductTextBox > div#VblProductText2 h3 {
        width: 356px;
        height: 23px;
        background: url("../img/05/txt_a3.png") no-repeat 0 0; }
  #VblProductTextBox.play {
    -webkit-animation: over 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    -moz-animation: over 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    -o-animation: over 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    -ms-animation: over 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    animation: over 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal; }
    #VblProductTextBox.play > div#VblProductText1 {
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: perspective(2000px) rotateY(-90deg);
      -moz-transform: perspective(2000px) rotateY(-90deg);
      -o-transform: perspective(2000px) rotateY(-90deg);
      -ms-transform: perspective(2000px) rotateY(-90deg);
      transform: perspective(2000px) rotateY(-90deg);
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
      transition-duration: 0.3s; }
    #VblProductTextBox.play > div#VblProductText2 {
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform;
      -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -moz-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -ms-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transition-delay: 0.3s;
      -moz-transition-delay: 0.3s;
      -o-transition-delay: 0.3s;
      -ms-transition-delay: 0.3s;
      transition-delay: 0.3s;
      -webkit-transform: perspective(2000px) rotateY(0deg);
      -moz-transform: perspective(2000px) rotateY(0deg);
      -o-transform: perspective(2000px) rotateY(0deg);
      -ms-transform: perspective(2000px) rotateY(0deg);
      transform: perspective(2000px) rotateY(0deg);
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      -ms-transition-duration: 0.3s;
      transition-duration: 0.3s; }
  #VblProductTextBox.reverse > div#VblProductText1 {
    opacity: 0;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -moz-transform: perspective(2000px) rotateY(90deg);
    -o-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s; }
  #VblProductTextBox.reverse > div#VblProductText2 {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    -moz-transform: perspective(2000px) rotateY(0deg);
    -o-transform: perspective(2000px) rotateY(0deg);
    -ms-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s; }
  #VblProductTextBox.play2 {
    -webkit-animation: over 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    -moz-animation: over 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    -o-animation: over 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    -ms-animation: over 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal;
    animation: over 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0 1 normal; }
    #VblProductTextBox.play2 > div#VblProductText1 {
      opacity: 1;
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform;
      -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -moz-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -ms-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      -webkit-transition-delay: 1s;
      -moz-transition-delay: 1s;
      -o-transition-delay: 1s;
      -ms-transition-delay: 1s;
      transition-delay: 1s;
      -webkit-transform: perspective(2000px) rotateY(0);
      -moz-transform: perspective(2000px) rotateY(0);
      -o-transform: perspective(2000px) rotateY(0);
      -ms-transform: perspective(2000px) rotateY(0);
      transform: perspective(2000px) rotateY(0);
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      -ms-transition-duration: 1s;
      transition-duration: 1s; }
    #VblProductTextBox.play2 > div#VblProductText2 {
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      -ms-transition-property: -ms-transform;
      transition-property: transform;
      -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: perspective(2000px) rotateY(-90deg);
      -moz-transform: perspective(2000px) rotateY(-90deg);
      -o-transform: perspective(2000px) rotateY(-90deg);
      -ms-transform: perspective(2000px) rotateY(-90deg);
      transform: perspective(2000px) rotateY(-90deg);
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      -ms-transition-duration: 1s;
      transition-duration: 1s; }
  #VblProductTextBox.end > div#VblProductText1 {
    -webkit-transform: perspective(2000px) rotateY(0deg);
    -moz-transform: perspective(2000px) rotateY(0deg);
    -o-transform: perspective(2000px) rotateY(0deg);
    -ms-transform: perspective(2000px) rotateY(0deg);
    transform: perspective(2000px) rotateY(0deg);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s; }
  #VblProductTextBox.end > div#VblProductText2 {
    opacity: 0;
    -webkit-transform: perspective(2000px) rotateY(90deg);
    -moz-transform: perspective(2000px) rotateY(90deg);
    -o-transform: perspective(2000px) rotateY(90deg);
    -ms-transform: perspective(2000px) rotateY(90deg);
    transform: perspective(2000px) rotateY(90deg);
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    -ms-transition-duration: 0s;
    transition-duration: 0s; }

@-webkit-keyframes over {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0); }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-moz-keyframes over {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0); }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-o-keyframes over {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0); }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@-ms-keyframes over {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0); }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
@keyframes over {
  0% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(15px, 0);
    -moz-transform: translate(15px, 0);
    -o-transform: translate(15px, 0);
    -ms-transform: translate(15px, 0);
    transform: translate(15px, 0); }

  100% {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }
#VblProductFig {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#VblProductFigInner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 519px;
  height: 845px;
  background: url("../img/05/bizhub.png") no-repeat 0 0;
  margin: -76px 0 0 -476px; }

#VblProductMovie {
  position: absolute;
  top: 167px;
  left: 34px;
  width: 470px;
  height: 105px; }

#VblProductBg {
  position: absolute;
  top: 0;
  right: 50%;
  width: 0;
  height: 100%;
  background: url("../img/05/bg_txt.png") repeat 0 0;
  margin: 0 -485px 0 0;
  z-index: 9; }

#VblProductPlay {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 144px;
  height: 132px;
  margin: 19px 0 0 -288px;
  white-space: nowrap;
  text-indent: 120%;
  overflow: hidden;
  background: url("../img/05/btn_replay.png") no-repeat 0 0;
  z-index: 10; }
  #VblProductPlay:hover {
    background-image: url("../img/05/btn_replay_on.png"); }

#VblProductMail {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 221px;
  height: 245px;
  margin: -131px 0 0 173px;
  z-index: 10;
  background: url("../img/05/mail.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(300px, -200px) rotate(0deg) scale(1.5);
  -moz-transform: translate(300px, -200px) rotate(0deg) scale(1.5);
  -o-transform: translate(300px, -200px) rotate(0deg) scale(1.5);
  -ms-transform: translate(300px, -200px) rotate(0deg) scale(1.5);
  transform: translate(300px, -200px) rotate(0deg) scale(1.5); }

#VblDigitisation .VblSection {
  z-index: 10; }
#VblDigitisation h2 {
  position: absolute;
  top: 21px;
  left: 74px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
#VblDigitisation p {
  position: absolute;
  top: 111px;
  left: 78px;
  width: 335px;
  letter-spacing: 0.07em;
  line-height: 1.78;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblDigitisationFig {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 5;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%); }

#VblDigitisationFigInner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 219px;
  height: 277px;
  background: url("../img/06/bizhub.png") no-repeat 0 0;
  margin: -6px 0 0 -413px; }

#VblDigitisationPC {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 981px;
  height: 556px;
  background: url("../img/06/pc.png") no-repeat 0 0;
  margin: -221px 0 0 -183px;
  opacity: 0;
  -webkit-transform: translate(40px, 0);
  -moz-transform: translate(40px, 0);
  -o-transform: translate(40px, 0);
  -ms-transform: translate(40px, 0);
  transform: translate(40px, 0);
  z-index: 5; }

#VblDigitisationScreen {
  position: absolute;
  top: 60px;
  left: 147px;
  width: 664px;
  height: 343px;
  opacity: 0; }

#VblDigitisationIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 68px;
  height: 70px;
  background: url("../img/06/icon.png") no-repeat 0 0;
  margin: 10px 0 0 -340px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  transform: translate3d(0, 0px, 0px) scale3d(0, 0, 0) rotate(0deg);
  -webkit-transform: translate3d(0, 0px, 0px) scale3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0px, 0px) scale3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0px, 0px) scale3d(0, 0, 0) rotate(0deg);
  z-index: 16; }

#VblDigitisationlight {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110px;
  height: 18px;
  margin: 32px 0 0 -145px;
  background: #4591d8;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -o-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: skewX(47.5deg);
  -moz-transform: skewX(47.5deg);
  -o-transform: skewX(47.5deg);
  -ms-transform: skewX(47.5deg);
  transform: skewX(47.5deg);
  -webkit-box-shadow: 0 0 5px 10px #4591d8;
  -moz-box-shadow: 0 0 5px 10px #4591d8;
  -o-box-shadow: 0 0 5px 10px #4591d8;
  -ms-box-shadow: 0 0 5px 10px #4591d8;
  box-shadow: 0 0 5px 10px #4591d8;
  opacity: 0;
  z-index: 15; }

#VblDigitisationHands {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1086px;
  height: 246px;
  margin: 153px 0 0 -269px;
  opacity: 0;
  z-index: 14;
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  transform: translate(0, -20px);
  background: url("../img/06/hands.png") no-repeat 0 0; }

#VblDigitisationReplay {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 120%;
  width: 94px;
  height: 98px;
  background: url("../img/07/btn_replay.png") no-repeat 0 0;
  margin: -30px 0 0 220px;
  z-index: 15; }
  #VblDigitisationReplay:hover {
    background-image: url("../img/07/btn_replay_on.png"); }

#VblDigitisationHuman {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 206px;
  height: 302px;
  margin: 47px 0 0 -460px;
  background: url("../img/06/human.png") no-repeat 0 0;
  z-index: 10;
  opacity: 0; }

#VblEnviromental {
  z-index: 10;
  background: #fff; }
  #VblEnviromental .VblSection {
    z-index: 17; }
  #VblEnviromental p {
    letter-spacing: 0.05em; }
  #VblEnviromental .VblReplay {
    display: none;
    white-space: nowrap;
    text-indent: 120%;
    overflow: hidden;
    width: 94px;
    height: 98px;
    background: url("../img/07/btn_replay.png") no-repeat 0 0; }
    #VblEnviromental .VblReplay:hover {
      background-image: url("../img/07/btn_replay_on.png"); }

#VblEnvSection1,
#VblEnvSection2,
#VblEnvSection3 {
  display: none; }
  #VblEnvSection1 h2,
  #VblEnvSection1 p,
  #VblEnvSection2 h2,
  #VblEnvSection2 p,
  #VblEnvSection3 h2,
  #VblEnvSection3 p {
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }

#VblEnvSection0 h2 {
  position: absolute;
  top: 50px;
  left: 60px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
#VblEnvSection0 .VblTextWrap {
  position: absolute;
  top: 150px;
  left: 60px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
#VblEnvSection0 p {
  width: 465px;
  line-height: 1.57;
  margin: 0 0 1em; }

#VblEnviromentalFigInner0 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 285px;
  height: 419px;
  margin: -234px 0 0 81px;
  background: url("../img/07/fig0.png") no-repeat 0 0;
  z-index: 4; }

#VblEnviromentalBg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1730px;
  height: 1000px;
  margin: -500px 0 0 -865px;
  background: url("../img/07/bg.jpg") no-repeat 0 0;
  z-index: 1; }

#VblEnviromentalFig {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  z-index: 2; }

#VblEnviromentalNav {
  position: absolute;
  top: 50%;
  right: 0;
  width: 308px;
  height: 40px;
  margin: 218px 0 0 0;
  padding: 5px 0 5px 5px;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transform: translate(313px, 0);
  -moz-transform: translate(313px, 0);
  -o-transform: translate(313px, 0);
  -ms-transform: translate(313px, 0);
  transform: translate(313px, 0);
  z-index: 20; }
  #VblEnviromentalNav dt {
    float: left;
    width: 98px;
    height: 40px;
    background: url("../img/07/side_title.png") no-repeat 0 0; }
  #VblEnviromentalNav dd {
    float: left;
    padding: 0 0 0 10px; }
  #VblEnviromentalNav ul {
    display: table; }
    #VblEnviromentalNav ul li {
      display: table-cell;
      padding: 0 10px 0 0; }
      #VblEnviromentalNav ul li a {
        width: 40px;
        height: 40px; }
      #VblEnviromentalNav ul li.VblNav0 a {
        background: url("../img/07/nav_0.png") no-repeat 0 0; }
        #VblEnviromentalNav ul li.VblNav0 a:hover, #VblEnviromentalNav ul li.VblNav0 a.active {
          background-image: url("../img/07/nav_0_on.png"); }
      #VblEnviromentalNav ul li.VblNav1 a {
        background: url("../img/07/nav_1.png") no-repeat 0 0; }
        #VblEnviromentalNav ul li.VblNav1 a:hover, #VblEnviromentalNav ul li.VblNav1 a.active {
          background-image: url("../img/07/nav_1_on.png"); }
      #VblEnviromentalNav ul li.VblNav2 a {
        background: url("../img/07/nav_2.png") no-repeat 0 0; }
        #VblEnviromentalNav ul li.VblNav2 a:hover, #VblEnviromentalNav ul li.VblNav2 a.active {
          background-image: url("../img/07/nav_2_on.png"); }
      #VblEnviromentalNav ul li.VblNav3 a {
        background: url("../img/07/nav_3.png") no-repeat 0 0; }
        #VblEnviromentalNav ul li.VblNav3 a:hover, #VblEnviromentalNav ul li.VblNav3 a.active {
          background-image: url("../img/07/nav_3_on.png"); }

#VblEnvSection1 h2 {
  position: absolute;
  top: 75px;
  left: 60px; }
#VblEnvSection1 p {
  position: absolute;
  top: 212px;
  left: 60px;
  width: 410px;
  line-height: 1.6; }
#VblEnvSection1 .VblReplay {
  position: absolute;
  top: 295px;
  left: 674px;
  z-index: 20; }

#VblEnv1Human {
  position: absolute;
  top: 32px;
  left: 529px;
  width: 189px;
  height: 497px;
  background: url("../img/07/07_1_human.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblBottle {
  position: absolute;
  top: 175px;
  left: 699px;
  width: 46px;
  height: 70px;
  background: url("../img/07/bottle.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblTrush {
  position: absolute;
  top: 299px;
  left: 701px;
  width: 158px;
  height: 213px;
  background: url("../img/07/trash.png") no-repeat 0 0;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  opacity: 0; }

#VblTxtColor {
  position: absolute;
  top: 363px;
  left: 59px;
  width: 180px;
  height: 43px;
  background: url("../img/07/txt_color.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translate(200px, 0);
  -moz-transform: translate(200px, 0);
  -o-transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  transform: translate(200px, 0); }

#VblEnviromentalFigInner1 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 415px;
  height: 590px;
  margin: -291px 0 0 30px;
  opacity: 0;
  -webkit-transform: translate(200px, 0);
  -moz-transform: translate(200px, 0);
  -o-transform: translate(200px, 0);
  -ms-transform: translate(200px, 0);
  transform: translate(200px, 0); }
  #VblEnviromentalFigInner1 .VblEnviromentalFig1_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 415px;
    height: 590px;
    background: url("../img/07/role/biz_reduce_001.png") no-repeat 0 0;
    z-index: 11; }
  #VblEnviromentalFigInner1 .VblEnviromentalFig1_2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 415px;
    height: 590px;
    background: url("../img/07/role/biz_reduce_002.png") no-repeat 0 0;
    z-index: 12;
    opacity: 0; }
  #VblEnviromentalFigInner1 .VblEnviromentalFig1_3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 415px;
    height: 590px;
    background: url("../img/07/role/biz_reduce_003.png") no-repeat 0 0;
    z-index: 13;
    opacity: 0; }
  #VblEnviromentalFigInner1 .VblEnviromentalFig1_4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 415px;
    height: 590px;
    background: url("../img/07/role/biz_reduce_004.png") no-repeat 0 0;
    z-index: 14;
    opacity: 0; }

#VblEnviromentalInfinit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 706px;
  height: 448px;
  background: url("../img/07/infinit.png") no-repeat 0 0;
  margin: -197px 0 0 -182px;
  z-index: 15;
  opacity: 0; }

#VblEnvSection2 h2 {
  position: absolute;
  top: 123px;
  left: 59px; }
#VblEnvSection2 p {
  position: absolute;
  top: 228px;
  left: 60px;
  width: 480px;
  line-height: 1.6; }
#VblEnvSection2 .VblReplay {
  position: absolute;
  top: 234px;
  left: 801px; }

#VblEnviromentalWatch {
  display: none;
  position: absolute;
  top: 307px;
  left: 59px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }
  #VblEnviromentalWatch a {
    width: 194px;
    height: 52px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 120%;
    background: url("../img/btn_video.png") no-repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0; }
    #VblEnviromentalWatch a:hover {
      background-position: 0 -52px; }

#VblEnviromentalFigInner2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 182px;
  height: 484px;
  margin: -192px 0 0 124px;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblEnviromentalFig2_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 182px;
  height: 484px;
  background: url("../img/07/07_2_bizhub_on.png") no-repeat 0 63px; }

#VblEnviromentalFig2_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 182px;
  height: 484px;
  background: url("../img/07/07_2_bizhub_off.png") no-repeat 0 0;
  opacity: 0; }

#VblEnv2Human1 {
  position: absolute;
  top: 12px;
  left: 729px;
  width: 204px;
  height: 524px;
  background: url("../img/07/07_2_human1.png") no-repeat 0 0;
  opacity: 0;
  transform: translate3d(100px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);
  -webkit-transform: translate3d(100px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);
  -o-transform: translate3d(100px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg);
  -ms-transform: translate3d(100px, 0px, 0px) scale3d(1, 1, 1) rotate(0deg); }

#VblEnv2Human2 {
  position: absolute;
  top: 15px;
  left: 671px;
  width: 262px;
  height: 523px;
  background: url("../img/07/07_2_human2.png") no-repeat 0 0;
  -webkit-transform: translate3d(0, 0, 0);
  opacity: 0; }

#VblEnv2Monitor {
  position: absolute;
  top: 45px;
  left: 586px;
  width: 778px;
  height: 759px;
  background: url("../img/07/07_2_monitor.png") no-repeat 0 0;
  -webkit-transform-origin: 21.85% 22.4%;
  -moz-transform-origin: 21.85% 22.4%;
  -o-transform-origin: 21.85% 22.4%;
  -ms-transform-origin: 21.85% 22.4%;
  transform-origin: 21.85% 22.4%;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  -o-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1); }

#VblEnv2MonitorAnime {
  position: absolute;
  top: 35px;
  left: 56px;
  width: 606px;
  height: 345px; }

#VblEnvSection3 h2 {
  position: absolute;
  top: 32px;
  left: 58px; }
#VblEnvSection3 p {
  width: 280px;
  padding: 203px 0 0 58px;
  line-height: 1.6; }
#VblEnvSection3 .VblReplay {
  position: absolute;
  top: 213px;
  left: 626px;
  z-index: 20; }

#VblBtnReplay {
  width: 280px;
  padding: 20px 0 0 58px;
  text-align: center; }

#VblEnviromentalFigInner3 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 182px;
  height: 421px;
  margin: -129px 0 0 124px;
  background: url("../img/07/07_3_bizhub.png") no-repeat 0 0;
  opacity: 0;
  -webkit-transform: translate(-20px, 0);
  -moz-transform: translate(-20px, 0);
  -o-transform: translate(-20px, 0);
  -ms-transform: translate(-20px, 0);
  transform: translate(-20px, 0); }

#VblEnv3Human1 {
  position: absolute;
  top: 32px;
  left: 755px;
  width: 151px;
  height: 503px;
  background: url("../img/07/07_3_human1.png") no-repeat 0 0;
  opacity: 0; }

#VblEnv3Human2 {
  position: absolute;
  top: 13px;
  left: 493px;
  width: 150px;
  height: 527px;
  background: url("../img/07/07_3_human2.png") no-repeat 0 0;
  opacity: 0; }

#VblEnv3Human3 {
  position: absolute;
  top: 26px;
  left: 364px;
  width: 223px;
  height: 510px;
  background: url("../img/07/07_3_human3.png") no-repeat 0 0;
  opacity: 0; }

#VblEnv3Monitor {
  position: absolute;
  top: 63px;
  left: 358px;
  width: 615px;
  height: 599px;
  background: url("../img/07/07_3_monitor.png") no-repeat 0 0;
  -webkit-transform-origin: 63.74% 25.54%;
  -moz-transform-origin: 63.74% 25.54%;
  -o-transform-origin: 63.74% 25.54%;
  -ms-transform-origin: 63.74% 25.54%;
  transform-origin: 63.74% 25.54%;
  transform: scale3d(0, 0, 1);
  -webkit-transform: scale3d(0, 0, 1);
  -o-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1); }

#VblEnv3Display {
  position: absolute;
  top: 29px;
  left: 45px;
  width: 478px;
  height: 271px;
  background: url("../img//07/07_3_display.jpg") no-repeat 0 0;
  opacity: 0; }

#VblCreative {
  top: -10%;
  z-index: 9;
  background: #fff; }
  #VblCreative .VblSection {
    width: 980px;
    height: 610px;
    border: 10px solid #fff;
    margin: -305px 0 0 -490px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15; }
  #VblCreative h2 {
    position: absolute;
    top: 21px;
    left: 74px;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
  #VblCreative p {
    position: absolute;
    top: 144px;
    left: 74px;
    width: 300px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }
    #VblCreative p.VblText2 {
      display: none; }
  #VblCreative .VblCopy1 {
    width: 871px;
    height: 34px;
    background: url("../img/00/h1_01.gif") no-repeat 0 0;
    margin: 230px auto 12px;
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }
  #VblCreative .VblCopy2 {
    width: 875px;
    height: 27px;
    background: url("../img/00/h1_02.gif") no-repeat 0 0;
    margin: 0 auto 140px;
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px); }

#VblCreativeBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 13; }

#VblCreativeFig {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 21; }

#VblCreativeFigInner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 285px;
  height: 419px;
  margin: -234px 0 0 81px;
  background: url("../img/07/fig0.png") no-repeat 0 0;
  z-index: 4; }

#VblCreativeShadow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 960px;
  height: 590px;
  margin: -295px 0 0 -480px;
  z-index: 12; }
  #VblCreativeShadow:before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 35px;
    background: url("../img/08/shadow_top.png") repeat-x 0 0; }
  #VblCreativeShadow:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 35px;
    background: url("../img/08/shadow_bottom.png") repeat-x 0 0; }

#VblCreativeBlind {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 980px;
  height: 610px;
  margin: -305px 0 0 -490px;
  background: #fff;
  z-index: 20; }

#VblCreativeVideo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 970px;
  height: 600px;
  margin: -300px 0 0 -485px;
  background: #fff;
  z-index: 11;
  overflow: hidden; }
  #VblCreativeVideo video {
    width: 970px !important;
    height: 600px !important;
    background: #fff;
    -webkit-object-fit: fill;
    object-fit: fill;
    -webkit-image-fit: fill;
    image-fit: fill; }

#VblScrollBtnForPc3,
#VblScrollBtnForPad3 {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 114px;
  height: 76px;
  margin: 0 0 0 -57px;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer; }

#VblScrollBtnForPc3 {
  background: url("../img/btn_next.gif") no-repeat 0 0; }

#VblScrollBtnForPad3 {
  background: url("../img/btn_next_ipad.gif") no-repeat 0 0; }

#VblLineup {
  top: -10%;
  background: #000; }
  #VblLineup .VblSection h2 {
    position: absolute;
    top: 40px;
    left: 50%;
    margin: 0 0 0 -170px;
    opacity: 0;
    -webkit-transform: translate(-20px, 0);
    -moz-transform: translate(-20px, 0);
    -o-transform: translate(-20px, 0);
    -ms-transform: translate(-20px, 0);
    transform: translate(-20px, 0); }

#VblLineupNav {
  position: relative;
  display: none;
  opacity: 0;
  z-index: 15; }

#VblLineupLeft {
  position: absolute;
  top: 275px;
  left: 70px;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.75) url("../img/09/btn_left.png") no-repeat 0 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px; }
  #VblLineupLeft:hover, #VblLineupLeft.move {
    background-color: white; }

#VblLineupRight {
  position: absolute;
  top: 275px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.75) url("../img/09/btn_right.png") no-repeat 0 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px; }
  #VblLineupRight:hover, #VblLineupRight.move {
    background-color: white; }

#VblLineupBtns {
  display: none;
  opacity: 0;
  position: absolute;
  top: 440px;
  left: 50%;
  width: 578px;
  margin: 0 0 0 -289px;
  z-index: 15; }
  #VblLineupBtns:after {
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
    clear: both; }

#VblFindYourSales {
  float: left;
  width: 284px; }
  #VblFindYourSales a {
    width: 284px;
    height: 64px;
    background: #0069cd url("../img/09/btn_find_your_sales.png") no-repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    #VblFindYourSales a:hover {
      background-color: #0592ff; }

#VblProductInfo {
  float: right;
  width: 432px; }
  #VblProductInfo a {
    width: 284px;
    height: 64px;
    background: #0069cd url("../img/09/btn_product.png") no-repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    #VblProductInfo a:hover {
      background-color: #0592ff; }

#VblLineupFigContent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  overflow: hidden;
  z-index: 10; }

#VblLineupFig {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2580px;
  height: 600px;
  margin: -300px 0 0 -1290px;
  overflow: hidden; }
  #VblLineupFig.cursor {
    cursor: col-resize; }

#VblLineupFigLeft0 {
  position: absolute;
  top: 60px;
  left: -250px;
  width: 250px;
  height: 383px;
  background: url("../img/09/left0.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(1300px, 0) scale(0.8);
  -moz-transform: translate(1300px, 0) scale(0.8);
  -o-transform: translate(1300px, 0) scale(0.8);
  -ms-transform: translate(1300px, 0) scale(0.8);
  transform: translate(1300px, 0) scale(0.8);
  opacity: 1;
  z-index: 20; }

#VblLineupFigRight0 {
  position: absolute;
  top: 60px;
  right: -250px;
  width: 250px;
  height: 383px;
  background: url("../img/09/right0.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-1300px, 0) scale(0.8);
  -moz-transform: translate(-1300px, 0) scale(0.8);
  -o-transform: translate(-1300px, 0) scale(0.8);
  -ms-transform: translate(-1300px, 0) scale(0.8);
  transform: translate(-1300px, 0) scale(0.8);
  opacity: 1;
  z-index: 20; }

#VblLineupFigLeft1 {
  position: absolute;
  top: 60px;
  left: 20px;
  width: 240px;
  height: 383px;
  background: url("../img/09/left1.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(1045px, -100px) scale(0.75);
  -moz-transform: translate(1045px, -100px) scale(0.75);
  -o-transform: translate(1045px, -100px) scale(0.75);
  -ms-transform: translate(1045px, -100px) scale(0.75);
  transform: translate(1045px, -100px) scale(0.75);
  opacity: 0;
  z-index: 19; }

#VblLineupFigRight1 {
  position: absolute;
  top: 60px;
  right: 0;
  width: 250px;
  height: 383px;
  background: url("../img/09/right1.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-1045px, -100px) scale(0.75);
  -moz-transform: translate(-1045px, -100px) scale(0.75);
  -o-transform: translate(-1045px, -100px) scale(0.75);
  -ms-transform: translate(-1045px, -100px) scale(0.75);
  transform: translate(-1045px, -100px) scale(0.75);
  opacity: 0;
  z-index: 19; }

#VblLineupFigLeft2 {
  position: absolute;
  top: 60px;
  left: 260px;
  width: 220px;
  height: 383px;
  background: url("../img/09/left2.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(820px, -100px) scale(0.8);
  -moz-transform: translate(820px, -100px) scale(0.8);
  -o-transform: translate(820px, -100px) scale(0.8);
  -ms-transform: translate(820px, -100px) scale(0.8);
  transform: translate(820px, -100px) scale(0.8);
  opacity: 0;
  z-index: 18; }

#VblLineupFigRight2 {
  position: absolute;
  top: 60px;
  right: 250px;
  width: 230px;
  height: 383px;
  background: url("../img/09/right2.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-820px, -100px) scale(0.8);
  -moz-transform: translate(-820px, -100px) scale(0.8);
  -o-transform: translate(-820px, -100px) scale(0.8);
  -ms-transform: translate(-820px, -100px) scale(0.8);
  transform: translate(-820px, -100px) scale(0.8);
  opacity: 0;
  z-index: 18; }

#VblLineupFigLeft3 {
  position: absolute;
  top: 60px;
  left: 480px;
  width: 190px;
  height: 383px;
  background: url("../img/09/left3.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(620px, -100px) scale(0.9);
  -moz-transform: translate(620px, -100px) scale(0.9);
  -o-transform: translate(620px, -100px) scale(0.9);
  -ms-transform: translate(620px, -100px) scale(0.9);
  transform: translate(620px, -100px) scale(0.9);
  opacity: 0;
  z-index: 17; }

#VblLineupFigRight3 {
  position: absolute;
  top: 60px;
  right: 480px;
  width: 190px;
  height: 383px;
  background: url("../img/09/right3.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-620px, -100px) scale(0.9);
  -moz-transform: translate(-620px, -100px) scale(0.9);
  -o-transform: translate(-620px, -100px) scale(0.9);
  -ms-transform: translate(-620px, -100px) scale(0.9);
  transform: translate(-620px, -100px) scale(0.9);
  opacity: 0;
  z-index: 17; }

#VblLineupFigLeft4 {
  position: absolute;
  top: 60px;
  left: 670px;
  width: 170px;
  height: 383px;
  background: url("../img/09/left4.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(450px, -100px) scale(1);
  -moz-transform: translate(450px, -100px) scale(1);
  -o-transform: translate(450px, -100px) scale(1);
  -ms-transform: translate(450px, -100px) scale(1);
  transform: translate(450px, -100px) scale(1);
  opacity: 0;
  z-index: 16; }

#VblLineupFigRight4 {
  position: absolute;
  top: 60px;
  right: 670px;
  width: 170px;
  height: 383px;
  background: url("../img/09/right4.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-450px, -100px) scale(1);
  -moz-transform: translate(-450px, -100px) scale(1);
  -o-transform: translate(-450px, -100px) scale(1);
  -ms-transform: translate(-450px, -100px) scale(1);
  transform: translate(-450px, -100px) scale(1);
  opacity: 0;
  z-index: 16; }

#VblLineupFigLeft5 {
  position: absolute;
  top: 60px;
  left: 840px;
  width: 160px;
  height: 383px;
  background: url("../img/09/left5.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(290px, -100px) scale(1);
  -moz-transform: translate(290px, -100px) scale(1);
  -o-transform: translate(290px, -100px) scale(1);
  -ms-transform: translate(290px, -100px) scale(1);
  transform: translate(290px, -100px) scale(1);
  opacity: 0;
  z-index: 15; }

#VblLineupFigRight5 {
  position: absolute;
  top: 60px;
  right: 840px;
  width: 160px;
  height: 383px;
  background: url("../img/09/right5.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-290px, -100px) scale(1);
  -moz-transform: translate(-290px, -100px) scale(1);
  -o-transform: translate(-290px, -100px) scale(1);
  -ms-transform: translate(-290px, -100px) scale(1);
  transform: translate(-290px, -100px) scale(1);
  opacity: 0;
  z-index: 15; }

#VblLineupFigLeft6 {
  position: absolute;
  top: 60px;
  left: 1000px;
  width: 140px;
  height: 383px;
  background: url("../img/09/left6.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(150px, -100px) scale(1);
  -moz-transform: translate(150px, -100px) scale(1);
  -o-transform: translate(150px, -100px) scale(1);
  -ms-transform: translate(150px, -100px) scale(1);
  transform: translate(150px, -100px) scale(1);
  opacity: 0;
  z-index: 14; }

#VblLineupFigRight6 {
  position: absolute;
  top: 60px;
  right: 1000px;
  width: 140px;
  height: 383px;
  background: url("../img/09/right6.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(-150px, -100px) scale(1);
  -moz-transform: translate(-150px, -100px) scale(1);
  -o-transform: translate(-150px, -100px) scale(1);
  -ms-transform: translate(-150px, -100px) scale(1);
  transform: translate(-150px, -100px) scale(1);
  opacity: 0;
  z-index: 14; }

#VblLineupFigLeft7 {
  position: absolute;
  top: 60px;
  left: 1140px;
  width: 150px;
  height: 383px;
  background: url("../img/09/left7.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(0, -100px) scale(1);
  -moz-transform: translate(0, -100px) scale(1);
  -o-transform: translate(0, -100px) scale(1);
  -ms-transform: translate(0, -100px) scale(1);
  transform: translate(0, -100px) scale(1);
  opacity: 0;
  z-index: 13; }

#VblLineupFigRight7 {
  position: absolute;
  top: 60px;
  right: 1140px;
  width: 150px;
  height: 383px;
  background: url("../img/09/right7.png") no-repeat 0 0;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translate(0, -100px) scale(1);
  -moz-transform: translate(0, -100px) scale(1);
  -o-transform: translate(0, -100px) scale(1);
  -ms-transform: translate(0, -100px) scale(1);
  transform: translate(0, -100px) scale(1);
  opacity: 0;
  z-index: 13; }

#VblLineupArch {
  position: absolute;
  top: 361px;
  left: 50%;
  width: 2330px;
  height: 94px;
  margin: 0 0 0 -1165px;
  text-align: center; }

#VblLineupArchInner {
  display: inline-block;
  width: 0;
  height: 107px;
  background: url("../img/09/arch.png") no-repeat center center; }

#VblFootContent {
	display:none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #89909a;
  z-index: 50;
  padding: 30px 0 0;
  height: 590px;
  -webkit-transform: translate(0, 680px);
  -moz-transform: translate(0, 680px);
  -o-transform: translate(0, 680px);
  -ms-transform: translate(0, 680px);
  transform: translate(0, 680px); }

#VblBtnSoWhats {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 120px;
  margin: 0 0 0 -60px; }
  #VblBtnSoWhats a {
    width: 120px;
    height: 74px;
    background: url("../img/09/btn_so_whats.png") no-repeat 0 0; }

#VblFootNav {
  width: 970px;
  margin: 0 auto;
  padding: 0 0 20px; }
  #VblFootNav footer {
    width: 856px;
    margin: 0 auto;
    padding: 0;
    background: none; }
    #VblFootNav footer p {
      color: #d9dfe6;
      font-size: 10px;
      line-height: 1.2;
      margin: 0; }

#VblBnr {
  width: 856px;
  margin: 0 auto 17px; }
  #VblBnr div {
    float: left;
    width: 274px;
    height: 182px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
    #VblBnr div a {
      width: 274px;
      height: 182px; }

#VblBnrFindYourSales {
  margin: 0 17px 0 0; }
  #VblBnrFindYourSales a {
    background: url("../img/09/bnr_find_your_sales.png") no-repeat 0 0; }
    #VblBnrFindYourSales a:hover {
      background-image: url("../img/09/bnr_find_your_sales_on.png"); }

#VblBnrIdeaPlace {
  margin: 0 17px 0 0; }
  #VblBnrIdeaPlace a {
    background: url("../img/09/bnr_idea_place.png") no-repeat 0 0; }
    #VblBnrIdeaPlace a:hover {
      background-image: url("../img/09/bnr_idea_place_on.png"); }

#VblBnrProductInfo a {
  background: url("../img/09/bnr_product_info.png") no-repeat 0 0; }
  #VblBnrProductInfo a:hover {
    background-image: url("../img/09/bnr_product_info_on.png"); }

#VblGallery {
  width: 856px;
  margin: 0 auto; }
  #VblGallery h3 {
    width: 341px;
    height: 17px;
    margin: 0 0 10px;
    background: url("../img/09/ttl_gallery.png") no-repeat 0 0; }

#VblGalleryWrapper {
  background: #a7acb3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

#VblGallerySlider {
  width: 760px;
  margin: 0 auto 15px;
  padding: 8px 0 10px; }
  #VblGallerySlider .VblUnit {
    width: 142px;
    padding: 5px 5px 0; }
    #VblGallerySlider .VblUnit a {
      width: 142px;
      height: 82px;
      margin: 0 auto 8px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
      -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); }
    #VblGallerySlider .VblUnit .VblCaption {
      width: 142px;
      height: 35px; }
  #VblGallerySlider .owl-prev {
    position: absolute;
    left: -38px;
    top: 55px;
    width: 14px;
    height: 36px;
    margin: 0;
    padding: 0;
    background: url("../img/09/btn_slide.png") no-repeat 0 0; }
  #VblGallerySlider .owl-next {
    position: absolute;
    right: -38px;
    top: 55px;
    width: 14px;
    height: 36px;
    margin: 0;
    padding: 0;
    background: url("../img/09/btn_slide.png") no-repeat -14px 0; }

#VblUnit1 a {
  background: url("../img/09/gallery1.png") no-repeat center 0; }
  #VblUnit1 a:hover {
    background: url("../img/09/gallery1_on.png") no-repeat center 0; }
#VblUnit1 .VblCaption {
  background: url("../img/09/bnr_text1.png") no-repeat 0 0; }

#VblUnit2 a {
  background: url("../img/09/gallery2.png") no-repeat center 0; }
  #VblUnit2 a:hover {
    background: url("../img/09/gallery2_on.png") no-repeat center 0; }
#VblUnit2 .VblCaption {
  background: url("../img/09/bnr_text2.png") no-repeat 0 0; }

#VblUnit3 a {
  background: url("../img/09/gallery3.png") no-repeat center 0; }
  #VblUnit3 a:hover {
    background: url("../img/09/gallery3_on.png") no-repeat center 0; }
#VblUnit3 .VblCaption {
  background: url("../img/09/bnr_text3.png") no-repeat 0 0; }

#VblUnit4 a {
  background: url("../img/09/gallery4.png") no-repeat center 0; }
  #VblUnit4 a:hover {
    background: url("../img/09/gallery4_on.png") no-repeat center 0; }
#VblUnit4 .VblCaption {
  background: url("../img/09/bnr_text4.png") no-repeat 0 0; }

#VblUnit5 a {
  background: url("../img/09/gallery5.png") no-repeat center 0; }
  #VblUnit5 a:hover {
    background: url("../img/09/gallery5_on.png") no-repeat center 0; }
#VblUnit5 .VblCaption {
  background: url("../img/09/bnr_text5.png") no-repeat 0 0; }

#VblUnit6 a {
  background: url("../img/09/gallery6.png") no-repeat center 0; }
  #VblUnit6 a:hover {
    background: url("../img/09/gallery6_on.png") no-repeat center 0; }
#VblUnit6 .VblCaption {
  background: url("../img/09/bnr_text6.png") no-repeat 0 0; }

#VblUnit7 a {
  background: url("../img/09/gallery7.png") no-repeat center 0; }
  #VblUnit7 a:hover {
    background: url("../img/09/gallery7_on.png") no-repeat center 0; }
#VblUnit7 .VblCaption {
  background: url("../img/09/bnr_text7.png") no-repeat 0 0; }

#VblUnit8 a {
  background: url("../img/09/gallery8.png") no-repeat center 0; }
  #VblUnit8 a:hover {
    background: url("../img/09/gallery8_on.png") no-repeat center 0; }
#VblUnit8 .VblCaption {
  background: url("../img/09/bnr_text8.png") no-repeat 0 0; }

#VblUnit9 a {
  background: url("../img/09/gallery9.png") no-repeat center 0; }
  #VblUnit9 a:hover {
    background: url("../img/09/gallery9_on.png") no-repeat center 0; }
#VblUnit9 .VblCaption {
  background: url("../img/09/bnr_text9.png") no-repeat 0 0; }

#VblUnit10 a {
  background: url("../img/09/gallery10.png") no-repeat center 0; }
  #VblUnit10 a:hover {
    background: url("../img/09/gallery10_on.png") no-repeat center 0; }
#VblUnit10 .VblCaption {
  background: url("../img/09/bnr_text10.png") no-repeat 0 0; }

#VblUnit11 a {
  background: url("../img/09/gallery11.png") no-repeat center 0; }
  #VblUnit11 a:hover {
    background: url("../img/09/gallery11_on.png") no-repeat center 0; }
#VblUnit11 .VblCaption {
  background: url("../img/09/bnr_text11.png") no-repeat 0 0; }

#VblShare {
  width: 856px;
  margin: 0 auto 10px;
  padding: 0 0 7px;
  border-bottom: 1px solid #b7bec7; }
  #VblShare h3 {
    float: left;
    width: 41px;
    height: 13px;
    margin: 3px 15px 10px 0;
    background: url("../img/09/ttl_share.png") no-repeat 0 0; }
  #VblShare .VblFacebook,
  #VblShare .VblTweet,
  #VblShare .VblLinkedin {
    float: left;
    margin: 0 15px 0 0; }
  #VblShare .VblTweet {
    width: 80px;
    overflow: hidden; }

#VblFooter {
  margin: 10px 0 0; }
  #VblFooter p {
    font-size: 11px;
    line-height: 1.63; }
    #VblFooter p.copyright {
      color: #d9dfe6;
      border: 0; }
      #VblFooter p.copyright small {
        margin: 0;
        color: #d9dfe6; }
    #VblFooter p.forIE {
      margin: 0 0 10px;
      padding: 0 0 10px;
      border-bottom: 1px solid #b7bec7; }

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
.VblFancyboxContent {
  display: none; }

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none; }

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../img/fancybox/fancybox.png"); }

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none; }

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none; }

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none; }

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff; }

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  background: #000;
  border: 0px solid #fff; }

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101; }

#fancybox-close {
  position: absolute;
  top: -77px;
  right: -85px;
  width: 61px;
  height: 61px;
  background: url("../img/btn_close.png") no-repeat 0 0;
  cursor: pointer;
  z-index: 1103;
  display: none; }

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0; }

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top; }

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block; }

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("../img/fancybox/blank.gif");
  z-index: 1102;
  display: none; }

#fancybox-left {
  left: 0px; }

#fancybox-right {
  right: 0px; }

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block; }

#fancybox-left-ico {
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -30px; }

#fancybox-right-ico {
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -60px; }

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible;
  /* IE6 */ }

#fancybox-left:hover span {
  left: 20px; }

#fancybox-right:hover span {
  left: auto;
  right: 20px; }

.fancybox-bg {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001; }

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../img/fancybox/fancybox-x.png"); }

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -162px; }

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../img/fancybox/fancybox-y.png");
  background-position: -20px 0px; }

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -182px; }

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../img/fancybox/fancybox-x.png");
  background-position: 0px -20px; }

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -142px; }

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../img/fancybox/fancybox-y.png"); }

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../img/fancybox/fancybox.png");
  background-position: -40px -122px; }

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102; }

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative; }

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff; }

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left; }

#fancybox-title-over {
  padding: 10px;
  background-image: url("../img/fancybox/fancy_title_over.png");
  display: block; }

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px; }

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto; }

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap; }

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../img/fancybox/fancybox.png") -40px -90px no-repeat; }

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../img/fancybox/fancybox-x.png") 0px -40px; }

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../img/fancybox/fancybox.png") -55px -90px no-repeat; }

/* IE6 */
.fancybox-ie6 #fancybox-close {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_nav_left.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-right-ico {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_over.png', sizingMethod='scale');
  zoom: 1; }

.fancybox-ie6 #fancybox-title-float-left {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_left.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-float-main {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_main.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-float-right {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px"); }

#fancybox-loading.fancybox-ie6 {
  position: absolute;
  margin-top: 0;
  top: expression((-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }

#fancybox-loading.fancybox-ie6 div {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg {
  background: transparent !important; }

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px; }

#VblNext a, #VblGlobal li a .VblTxt, #VblGlobalPrevNext li a, #VblInstructionBtn, #VblCopy h2, #VblCopy p, #VblAccessNav dt, #VblAccessNav ul li a, #VblProductWatch1, #VblProductWatch2, #VblProductTextBox h3, #VblEnviromentalNav dt, #VblEnviromentalNav ul li a, #VblEnviromentalWatch a, #VblCreative .VblCopy1, #VblCreative .VblCopy2, #VblLineupLeft, #VblLineupRight, #VblFindYourSales a, #VblProductInfo a, #VblBtnSoWhats a, #VblBnr div a, #VblGallery h3, #VblGallerySlider .VblUnit a, #VblGallerySlider .VblUnit .VblCaption, #VblGallerySlider .owl-prev, #VblGallerySlider .owl-next, #VblShare h3 {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden; }

#VblAccess0Logo, #VblEnviromentalNav, #VblBtnReplay, #VblBnr, #VblShare, #VblFooter {
  display: inline-block; }
  #VblAccess0Logo, #VblEnviromentalNav, #VblBtnReplay, #VblBnr, #VblShare, #VblFooter {
    display: block; }
  #VblAccess0Logo:after, #VblEnviromentalNav:after, #VblBtnReplay:after, #VblBnr:after, #VblShare:after, #VblFooter:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }