@charset "utf-8";
/* opacity
-------------------------------------------------------------------------------*/
/* flex display
-------------------------------------------------------------------------------*/
/* a button
-------------------------------------------------------------------------------*/
/* hover
-------------------------------------------------------------------------------*/
/* a current
-------------------------------------------------------------------------------*/
/* setPosCenter
-------------------------------------------------------------------------------*/
/* clearfix
-------------------------------------------------------------------------------*/
/* easing
-------------------------------------------------------------------------------*/
/* header
-----------------------------------------------------------------------------*/
#header { z-index: 30; }

/* content
-----------------------------------------------------------------------------*/
#content { width: 100%; height: 100%; position: relative; }

#index { height: 600px; }
#index .content-inner { height: 600px; margin-top: -300px; }
#index .content-inner #probetop-title { position: absolute; top: 35px; right: 80px; }
#index .content-inner #probetop-title.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#index .content-inner #probetop-texts { height: 400px; position: absolute; top: 90px; right: 185px; }
#index .content-inner #probetop-texts #probetop-texts-anim { zoom: 1; }
#index .content-inner #probetop-texts #probetop-texts-anim:before, #index .content-inner #probetop-texts #probetop-texts-anim:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#index .content-inner #probetop-texts #probetop-texts-anim:after { clear: both; }
#index .content-inner #probetop-texts #probetop-texts-anim.anim { height: 0%; overflow: hidden; }
#index .content-inner #probetop-texts #probetop-texts-anim p { display: inline-block; vertical-align: top; overflow: hidden; width: 32px; }
#index .content-inner #probetop-texts #probetop-texts-anim p:first-child { margin-right: 0; }
#index .content-inner #probetop-texts #probetop-texts-anim p.anim img { margin-left: -10px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#index .content-inner #probe-nav-list { position: absolute; top: 108px; right: 395px; }
#index .content-inner #probe-nav-list ul { zoom: 1; }
#index .content-inner #probe-nav-list ul:before, #index .content-inner #probe-nav-list ul:after { display: block; height: 0; visibility: hidden; content: "\0020"; }
#index .content-inner #probe-nav-list ul:after { clear: both; }
#index .content-inner #probe-nav-list ul li { float: left; position: relative; margin-left: 13px; }
#index .content-inner #probe-nav-list ul li:first-child { margin-left: 0; }
#index .content-inner #probe-nav-list ul li a { display: block; }
#index .content-inner #probe-nav-list ul li a.anim { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#index .content-inner #probe-nav-list ul li .over { position: absolute; top: 4px; left: -4px; display: none; }
#index .content-inner #probe-nav-list ul li .over.anim { display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; }
#index .content-inner #probe-nav-list ul li .over.show { display: block; }
#index #probetop-video, #index .video-mask, #index .video-filter { width: 920px; height: 563px; position: absolute; top: 50%; left: 50%; margin: -300px 0 0 -540px; }
#index .video-mask { z-index: 5; }
#index .video-mask img { width: 100%; height: 100%; }

.video-filter { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../../../assets/images/probe/filter.png) repeat; z-index: 5; }

/* arrow
-----------------------------------------------------------------------------*/
.arrow-top-area, .arrow-bottom-area { width: 70px; height: 50px; right: 0; left: 0; margin: 0 auto; display: none; position: absolute; z-index: 50; }
.arrow-top-area.show, .arrow-bottom-area.show { display: block; }
.arrow-top-area.fixed, .arrow-bottom-area.fixed { position: fixed; }

.arrow-top-area { top: 0; }

.arrow-bottom-area { bottom: 0; }

.arrow-top, .arrow-bottom { width: 70px; height: 34px; position: absolute; cursor: pointer; left: 50%; margin-left: -35px; display: none; z-index: 50; }
.arrow-top.show, .arrow-bottom.show { display: block; }
.arrow-top.fixed, .arrow-bottom.fixed { position: fixed; width: 70px; right: 0; left: 0; margin: 0 auto; }

.arrow-top { top: 20px; background: url(../../../assets/images/shared/arrow-top.png) no-repeat; }

.arrow-bottom { bottom: 20px; background: url(../../../assets/images/shared/arrow-bottom.png) no-repeat; }

/* footer
-----------------------------------------------------------------------------*/