@charset "UTF-8";

.no-iframe {
	background: url(../img/common/modal_bg.png) top left repeat;
}

.introvdo,
.introvdo_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.introvdo {
	display: none;
	min-width: 960px;
	z-index: 1000;
	overflow: hidden;
}
.introvdo_bg {
  background: url(../img/common/modal_bg.png) center 0 repeat;
}
.introvdo_body {
  position: absolute;
  top: 50%;
  left: 50%;
	width: 1100px;
	height: 1926px;
	margin-left: -500px;
  margin-top: -963px;
	display: block;
}
.introvdo_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.introvdo_iframe iframe {
	width: 100%;
	height: 100%;
}
.introvdo_btn_close {
  position: absolute;
  top: 0;
  left: 0;
}


/*------------------------------------------------------------
  introvdo_wrapper
------------------------------------------------------------*/
#introvdo_wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#introvdo_wrapper > *,
.introvdo_frame > * {
	position: absolute;
}
.introvdo_title {
  left: 348px;
  top: 628px;
  z-index: 1001;
}
.no-iframe .introvdo_title {
	left: 438px;
	top: 88px;
}
.introvdo_frame {
  left: 25px;
  top: -570px;
	width: 991px;
	height: 1830px;
	background: url(../img/intro/introvdo_img_frame.png) 0 0 no-repeat;
}
.no-iframe .introvdo_frame {
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	height: 730px;
	background: url(../img/intro/introvdo_img_frame.png) 0 100% no-repeat;
}
.introvdo_clip {
	left: 73px;
	bottom: 120px;
	width: 800px;
	height: 450px;
}
.introvdo_shadow_left {
	left: 73px;
	bottom: 120px;
	width: 1px;
	height: 450px;
	background: url(../img/intro/introvdo_shadow.png) 0 0 repeat;
}
.introvdo_shadow_top {
	left: 74px;
	bottom: 568px;
	width: 799px;
	height: 2px;
	background: url(../img/intro/introvdo_shadow.png) 0 0 repeat;
}
.no-iframe .introvdo_btn_close {
	left: 498px;
	top: 698px;
}
.introvdo_btn_close {
  left: 396px;
  top: 1226px;
}