@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
/* content
-----------------------------------------------------------------------------*/
#seal { height: 700px; }
#seal.main { margin-bottom: 100px; }
#seal .content-inner { height: 700px; margin-top: -350px; }
#seal .content-inner #seal-title { position: absolute; top: 60px; right: 70px; }
#seal .content-inner #seal-title.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#seal .content-inner #seal-texts { height: 400px; position: absolute; top: 130px; right: 130px; }
#seal .content-inner #seal-texts #seal-texts-anim { zoom: 1; }
#seal .content-inner #seal-texts #seal-texts-anim:before, #seal .content-inner #seal-texts #seal-texts-anim:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#seal .content-inner #seal-texts #seal-texts-anim:after { clear: both; }
#seal .content-inner #seal-texts #seal-texts-anim.anim { height: 0%; overflow: hidden; }
#seal .content-inner #seal-texts #seal-texts-anim p { display: inline-block; vertical-align: top; overflow: hidden; width: 32px; }
#seal .content-inner #seal-texts #seal-texts-anim p:first-child { margin-right: 0; }
#seal .content-inner #seal-texts #seal-texts-anim p.paragraph { margin-right: 30px; }
#seal .content-inner #seal-texts #seal-texts-anim p.anim img { margin-left: -10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#seal .content-inner #seal-scene-area { position: absolute; bottom: 0; left: -170px; }
#seal .content-inner #seal-scene-area #seal-area, #seal .content-inner #seal-scene-area #vestige-area { display: inline-block; }
#seal .content-inner #seal-scene-area #seal-area > div, #seal .content-inner #seal-scene-area #vestige-area > div { display: inline-block; }
#seal .content-inner #seal-scene-area #seal-area.anim, #seal .content-inner #seal-scene-area #vestige-area.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#seal #seal-video, #seal #seal-video-cover, #seal .video-mask, #seal .video-filter, #seal #seal-video-play { width: 600px; height: 600px; position: absolute; top: 50%; left: 50%; margin: -260px 0 0 -420px; }
#seal #seal-video .requid-image, #seal #seal-video-cover .requid-image, #seal .video-mask .requid-image, #seal .video-filter .requid-image, #seal #seal-video-play .requid-image { width: 600px; height: 600px; min-width: 560px; }
#seal #seal-video-cover { display: none; }
#seal #seal-video-cover.show { display: block; }
#seal #seal-video-cover img { width: 100%; }
#seal #seal-video-play { height: 330px; cursor: pointer; z-index: 100; display: none; background: transparent url(../../../assets/images/shared/transparent.png) 0 0 repeat; }
#seal #seal-video-play.anim { display: block; }
#seal #seal-video-play .play { position: absolute; top: 130px; left: 0; right: 0; margin: auto; display: block; width: 64px; height: 64px; }
#seal #seal-video-play.play .play { display: none; }
#seal .video-mask { z-index: 5; }
#seal .video-mask img { width: 100%; height: 100%; }
#seal #seal-video-player { position: absolute; bottom: 40px; left: 40px; display: none; }
#seal #seal-video-player.anim { display: block; }
#seal #seal-video-player #seal-video-sound { color: #fff; cursor: pointer; height: 23px; }
#seal #seal-video-player #seal-video-sound.mute .on { display: none; }
#seal #seal-video-player #seal-video-sound.mute .off { height: 23px; display: inline-block; }
#seal #seal-video-player #seal-video-sound .on { height: 23px; display: inline-block; }
#seal #seal-video-player #seal-video-sound .off { display: none; }
