@charset "utf-8";

/*--------------------*/

/*--------------------*/



.moveToLeft-100 {

	transform: translateX(-100%);

}

.moveToLeft0 {

	transform: translateX(0);

}

.moveToRight100 {

	transform: translateX(100%);

}

.moveToRight0 {

	transform: translateX(0);

}







#scrollmouse {

  position: relative;

  top: 50px;

  padding: 15px 0;

  opacity: 0

}



#workbox {

  position: relative;

  padding-top: 68px;

  width: 100%;

  height: 100%;

}









#work_loading {

  position: absolute;

  z-index: 999;

  width: 100%;

  height: 100%;

  background: url(../images/loading.gif) center no-repeat #fff

}



#iframe {

  background: #fff

}



.pt-page {

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  position: fixed;

  visibility: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d

}



.pt-page-moveToRight {

  -webkit-animation: moveToRight .6s ease both;

  -moz-animation: moveToRight .6s ease both;

  animation: moveToRight .6s ease both

}



.pt-page-moveFromLeft {

  -webkit-animation: moveFromLeft .6s ease both;

  -moz-animation: moveFromLeft .6s ease both;

  animation: moveFromLeft .6s ease both

}



.pt-page-moveToLeft {

  -webkit-animation: moveToLeft .6s ease both;

  -moz-animation: moveToLeft .6s ease both;

  animation: moveToLeft .6s ease both

}



.pt-page-moveFromRight {

  -webkit-animation: moveFromRight .6s ease both;

  -moz-animation: moveFromRight .6s ease both;

  animation: moveFromRight .6s ease both

}



.pt-page-ontop {

  z-index: 100

}



.pt-page-current {

  visibility: visible;

  z-index: 999

}



@-webkit-keyframes moveToLeft {

  to {

    -webkit-transform: translateX(-100%)

  }

}



@-moz-keyframes moveToLeft {

  to {

    -moz-transform: translateX(-100%)

  }

}



@keyframes moveToLeft {

  to {

    transform: translateX(-100%)

  }

}



@-webkit-keyframes moveToRight {

  to {

    -webkit-transform: translateX(100%)

  }

}



@-moz-keyframes moveToRight {

  to {

    -moz-transform: translateX(100%)

  }

}



@keyframes moveToRight {

  to {

    transform: translateX(100%)

  }

}



@-webkit-keyframes moveFromLeft {

  from {

    -webkit-transform: translateX(-100%)

  }

}



@-moz-keyframes moveFromLeft {

  from {

    -moz-transform: translateX(-100%)

  }

}



@keyframes moveFromLeft {

  from {

    transform: translateX(-100%)

  }

}



@-webkit-keyframes moveFromRight {

  from {

    -webkit-transform: translateX(100%)

  }

}



@-moz-keyframes moveFromRight {

  from {

    -moz-transform: translateX(100%)

  }

}



@keyframes moveFromRight {

  from {

    transform: translateX(100%)

  }

}



.screen {

  position: absolute;

  top: 0;

  left: 0;

  visibility: hidden;

  overflow: hidden;

  width: 100%;

  min-height: 100%;

  background: #fff;

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform-style: preserve-3d;

  -moz-transform-style: preserve-3d;

  transform-style: preserve-3d

}



.pt-page-rotatePushBottom {

  -webkit-transform-origin: 50% 100%;

  -moz-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -webkit-animation: rotatePushBottom .5s both ease;

  -moz-animation: rotatePushBottom .5s both ease;

  animation: rotatePushBottom .5s both ease

}



.pt-page-rotatePullTop {

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  transform-origin: 50% 0;

  -webkit-animation: rotatePullTop .3s both ease;

  -moz-animation: rotatePullTop .3s both ease;

  animation: rotatePullTop .3s both ease

}



@-webkit-keyframes rotatePushBottom {

  to {

    opacity: 0;

    -webkit-transform: rotateX(90deg)

  }

}



@-moz-keyframes rotatePushBottom {

  to {

    opacity: 0;

    -moz-transform: rotateX(90deg)

  }

}



@keyframes rotatePushBottom {

  to {

    opacity: 0;

    transform: rotateX(90deg)

  }

}



@-webkit-keyframes rotatePullTop {

  from {

    opacity: 0;

    -webkit-transform: rotateX(-90deg)

  }

}



@-moz-keyframes rotatePullTop {

  from {

    opacity: 0;

    -moz-transform: rotateX(-90deg)

  }

}



@keyframes rotatePullTop {

  from {

    opacity: 0;

    transform: rotateX(-90deg)

  }

}



#content_wrap {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: hidden;

  transition: all 0.5s linear;

}



.content_current {

  z-index: 1;

  visibility: visible

}



.pt-page-delay180 {

  -webkit-animation-delay: .18s;

  -moz-animation-delay: .18s;

  animation-delay: .18s

}



#nav_front {

  position: absolute;

  z-index: 99;

  display: none;

  width: 100%;

  height: 100%

}



@-webkit-keyframes bounceIn {

  0% {

    opacity: 0;

    -webkit-transform: scale(.3)

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05)

  }

  70% {

    -webkit-transform: scale(.9)

  }

  100% {

    -webkit-transform: scale(1)

  }

}



@-moz-keyframes bounceIn {

  0% {

    opacity: 0;

    -moz-transform: scale(.3)

  }

  50% {

    opacity: 1;

    -moz-transform: scale(1.05)

  }

  70% {

    -moz-transform: scale(.9)

  }

  100% {

    -moz-transform: scale(1)

  }

}



@keyframes bounceIn {

  0% {

    opacity: 0;

    transform: scale(.3)

  }

  50% {

    opacity: 1;

    transform: scale(1.05)

  }

  70% {

    transform: scale(.9)

  }

  100% {

    transform: scale(1)

  }

}



@-webkit-keyframes bounceOut {

  0% {

    -webkit-transform: scale(1)

  }

  30% {

    -webkit-transform: scale(.9)

  }

  50% {

    opacity: 1;

    -webkit-transform: scale(1.05)

  }

  100% {

    opacity: 0;

    -webkit-transform: scale(.3)

  }

}



@-moz-keyframes bounceOut {

  0% {

    -moz-transform: scale(1)

  }

  30% {

    -moz-transform: scale(.9)

  }

  50% {

    opacity: 1;

    -moz-transform: scale(1.05)

  }

  100% {

    opacity: 0;

    -moz-transform: scale(.3)

  }

}



@keyframes bounceOut {

  0% {

    transform: scale(1)

  }

  30% {

    transform: scale(.9)

  }

  50% {

    opacity: 1;

    transform: scale(1.05)

  }

  100% {

    opacity: 0;

    transform: scale(.3)

  }

}



@-webkit-keyframes contentOut {

  0% {

    -webkit-transform: scale(1)

  }

  100% {

    -webkit-transform: scale(.8)

  }

}



@-moz-keyframes contentOut {

  0% {

    -moz-transform: scale(1)

  }

  100% {

    -moz-transform: scale(.8)

  }

}



@keyframes contentOut {

  0% {

    transform: scale(1)

  }

  100% {

    transform: scale(.8)

  }

}



@-webkit-keyframes contentIn {

  0% {

    -webkit-transform: scale(.8)

  }

  100% {

    -webkit-transform: scale(1)

  }

}



@-moz-keyframes contentIn {

  0% {

    -moz-transform: scale(.8)

  }

  100% {

    -moz-transform: scale(1)

  }

}



@keyframes contentIn {

  0% {

    transform: scale(.8)

  }

  100% {

    transform: scale(1)

  }

}



@-webkit-keyframes iframeIn {

  0% {

    -webkit-transform: scale(.5)

  }

  100% {

    -webkit-transform: scale(1)

  }

}



@-moz-keyframes iframeIn {

  0% {

    -moz-transform: scale(.5)

  }

  100% {

    -moz-transform: scale(1)

  }

}



@keyframes iframeIn {

  0% {

    transform: scale(.5)

  }

  100% {

    transform: scale(1)

  }

}



@-webkit-keyframes iframeOut {

  0% {

    -webkit-transform: scale(1)

  }

  100% {

    -webkit-transform: scale(.5)

  }

}



@-moz-keyframes iframeOut {

  0% {

    -moz-transform: scale(1)

  }

  100% {

    -moz-transform: scale(.5)

  }

}



@keyframes iframeOut {

  0% {

    transform: scale(1)

  }

  100% {

    transform: scale(.5)

  }

}



@-webkit-keyframes work_closeT {

  0% {

    -webkit-transform: rotate(0)

  }

  100% {

    -webkit-transform: rotate(45deg)

  }

}



@-moz-keyframes work_closeT {

  0% {

    -moz-transform: rotate(0)

  }

  100% {

    -moz-transform: rotate(45deg)

  }

}



@keyframes work_closeT {

  0% {

    transform: rotate(0)

  }

  100% {

    transform: rotate(45deg)

  }

}



@-webkit-keyframes work_closeTout {

  0% {

    -webkit-transform: rotate(45deg)

  }

  100% {

    -webkit-transform: rotate(0)

  }

}



@-moz-keyframes work_closeTout {

  0% {

    -moz-transform: rotate(45deg)

  }

  100% {

    -moz-transform: rotate(0)

  }

}



@keyframes work_closeTout {

  0% {

    transform: rotate(45deg)

  }

  100% {

    transform: rotate(0)

  }

}



@-webkit-keyframes work_closeB {

  0% {

    -webkit-transform: rotate(0)

  }

  100% {

    -webkit-transform: rotate(-45deg)

  }

}



@-moz-keyframes work_closeB {

  0% {

    -moz-transform: rotate(0)

  }

  100% {

    -moz-transform: rotate(-45deg)

  }

}



@keyframes work_closeB {

  0% {

    transform: rotate(0)

  }

  100% {

    transform: rotate(-45deg)

  }

}



@-webkit-keyframes work_closeBout {

  0% {

    -webkit-transform: rotate(-45deg)

  }

  100% {

    -webkit-transform: rotate(0)

  }

}



@-moz-keyframes work_closeBout {

  0% {

    -moz-transform: rotate(-45deg)

  }

  100% {

    -moz-transform: rotate(0)

  }

}



@keyframes work_closeBout {

  0% {

    transform: rotate(-45deg)

  }

  100% {

    transform: rotate(0)

  }

}



#work_detailwrap {

  position: relative;

  overflow: hidden;

  padding-right: 390px;

  height: 100%

}



#left_img {

  display: block;

  overflow-y: auto;

  margin: 0 auto;

  padding: 40px 40px 0;

  width: 100%;

  height: calc(100% - 40px);

  height: -moz-calc(100% - 40px);

  height: -webkit-calc(100% - 40px);

  max-width: 1500px

}



#left_img img {

  margin-right: auto;

  margin-left: auto;

  max-width: 100%

}



#left_img .none {

  display: none

}



#left_img .imgload {

  background: url(../images/loading.gif) center no-repeat;

  width: 100%;

  height: 80px

}



#loadpage {

  width: 100%;

  height: 100%;

  z-index: 99;

  bottom: 0;

  position: absolute;

  background: url(../images/loading.gif) #FFF center no-repeat

}



#right_text {

  position: fixed;

  top: 15px;

  right: 15px;

  padding-right: 15px;

  width: 280px

}



#work_close {

  position: absolute;

  top: 0;

  right: 50%;
  width: 100px;
  margin-right: -50px;
  cursor: pointer;
  text-align: center;
  z-index: 1000;
  background: rgba(0,0,0,.8);
  color: #fff;

}

.work_closeB, .work_closeT {

	margin: 4px auto;

	width: 100%;

	height: 2px;

	background: #ff1924;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	transform-origin: 0 0;

	-ms-transform-origin: 0 0

}



.work_closeT {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  transform: rotate(45deg)

}



.work_closeB {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  transform: rotate(-45deg);

  -webkit-transform-origin: 0 0;

  -moz-transform-origin: 0 0;

  transform-origin: 0 0;

  -ms-transform-origin: 0 0

}



.work_closeC {
	text-align: center;
	font-size: 1.2rem;
	opacity: 1 !important;
  color: #fde09c !important;

}



.work_nextprev {

  z-index: 9;

  float: right;

  margin-bottom: 20px;

  width: 90%;

  margin-top: 115px

}

.work_next, .work_prev {

	z-index: 99;

	float: right;

	display: block;

	width: 52px;

	height: 52px;

	border-radius: 50%;

	background: #ebebeb;

	-webkit-transition: all .3s ease-out;

	-moz-transition: all .3s ease-out;

	transition: all .3s ease-out

}



.work_prev {

  position: relative;

  left: 50px

}

.work_next:hover, .work_prev:hover {

	background: #d0416d;

	-webkit-animation: work-btn 1s linear;

	-moz-animation: work-btn 1s linear;

	animation: work-btn 1s linear

}



.work_prev img {

  position: relative;

  top: 13px;

  left: 17px

}



.work_next img {

  position: relative;

  top: 13px;

  left: 20px

}

.work_next_text, .work_prev_text {

	position: relative;

	left: 50px;

	z-index: -1;

	float: right;

	padding: 0 10px;

	color: #d0416d;

	font-size: 16px;

	line-height: 50px;

	opacity: 0

}



.work_title {

  text-align: right

}



.work_title h1 {

  color: #a1a1a1;

  text-align: right;

  font-weight: 400;

  font-size: 32px;

  font-family: "微软雅黑"

}



.work_title h2 {

  display: inline-block;

  border-bottom: 3px solid #d0416d;

  color: #a1a1a1;

  text-align: right;

  font-weight: 400;

  font-size: 16px;

  font-family: Arial

}



.work_author {

  margin-top: 30px;

  color: #666;

  text-align: right;

  font-weight: 700;

  font-size: 12px

}



.work_detail {

  margin-top: 30px;

  color: #a1a1a1;

  text-align: right;

  font-size: 12px

}



.work_technology {

  margin: 30px auto

}



.work_technology span {

  display: block;

  color: #a1a1a1;

  text-align: right;

  font-size: 12px

}



.work_technology h3 {

  color: #666;

  text-align: right;

  font-weight: 700;

  font-size: 12px

}



.work_copyright {

  z-index: 1;

  margin: 30px auto;

  color: #a1a1a1;

  text-align: right;

  font-size: 12px

}



.work_browse {

  float: right;

  display: block;

  width: 164px;

  height: 38px;

  background: #2d2d2d;

  color: #fff;

  text-align: center;

  text-decoration: none;

  font-size: 13px;

  line-height: 38px;

  -webkit-transition: all .3s ease-out;

  -moz-transition: all .3s ease-out;

  transition: all .3s ease-out

}



.work_browse:hover {

  background: #d0416d

}



@-webkit-keyframes work-btn {

  0% {

    -webkit-transform: scale(1.2, .8)

  }

  1% {

    -webkit-transform: scale(1.18, .82)

  }

  2% {

    -webkit-transform: scale(1.16, .84)

  }

  3% {

    -webkit-transform: scale(1.13, .87)

  }

  4% {

    -webkit-transform: scale(1.1, .9)

  }

  5% {

    -webkit-transform: scale(1.07, .93)

  }

  6% {

    -webkit-transform: scale(1.04, .96)

  }

  7% {

    -webkit-transform: scale(1.01, .99)

  }

  8% {

    -webkit-transform: scale(.99, 1.01)

  }

  9% {

    -webkit-transform: scale(.97, 1.03)

  }

  10% {

    -webkit-transform: scale(.95, 1.05)

  }

  11% {

    -webkit-transform: scale(.94, 1.06)

  }

  12% {

    -webkit-transform: scale(.93, 1.07)

  }

  13% {

    -webkit-transform: scale(.93, 1.07)

  }

  14% {

    -webkit-transform: scale(.93, 1.07)

  }

  15% {

    -webkit-transform: scale(.93, 1.07)

  }

  16% {

    -webkit-transform: scale(.94, 1.06)

  }

  17% {

    -webkit-transform: scale(.94, 1.06)

  }

  18% {

    -webkit-transform: scale(.95, 1.05)

  }

  19% {

    -webkit-transform: scale(.96, 1.04)

  }

  20% {

    -webkit-transform: scale(.98, 1.02)

  }

  21% {

    -webkit-transform: scale(.99, 1.01)

  }

  22% {

    -webkit-transform: scale(1, 1)

  }

  23% {

    -webkit-transform: scale(1, 1)

  }

  24% {

    -webkit-transform: scale(1.01, .99)

  }

  25% {

    -webkit-transform: scale(1.02, .98)

  }

  26% {

    -webkit-transform: scale(1.02, .98)

  }

  27% {

    -webkit-transform: scale(1.02, .98)

  }

  28% {

    -webkit-transform: scale(1.03, .97)

  }

  29% {

    -webkit-transform: scale(1.03, .97)

  }

  30% {

    -webkit-transform: scale(1.02, .98)

  }

  31% {

    -webkit-transform: scale(1.02, .98)

  }

  32% {

    -webkit-transform: scale(1.02, .98)

  }

  33% {

    -webkit-transform: scale(1.02, .98)

  }

  34% {

    -webkit-transform: scale(1.01, .99)

  }

  35% {

    -webkit-transform: scale(1.01, .99)

  }

  36% {

    -webkit-transform: scale(1.01, .99)

  }

  37% {

    -webkit-transform: scale(1, 1)

  }

  38% {

    -webkit-transform: scale(1, 1)

  }

  39% {

    -webkit-transform: scale(1, 1)

  }

  40% {

    -webkit-transform: scale(.99, 1.01)

  }

  41% {

    -webkit-transform: scale(.99, 1.01)

  }

  42% {

    -webkit-transform: scale(.99, 1.01)

  }

  43% {

    -webkit-transform: scale(.99, 1.01)

  }

  44% {

    -webkit-transform: scale(.99, 1.01)

  }

  45% {

    -webkit-transform: scale(.99, 1.01)

  }

  46% {

    -webkit-transform: scale(.99, 1.01)

  }

  47% {

    -webkit-transform: scale(.99, 1.01)

  }

  48% {

    -webkit-transform: scale(.99, 1.01)

  }

  49% {

    -webkit-transform: scale(1, 1)

  }

}



@-moz-keyframes work-btn {

  0% {

    -moz-transform: scale(1.2, .8)

  }

  1% {

    -moz-transform: scale(1.18, .82)

  }

  2% {

    -moz-transform: scale(1.16, .84)

  }

  3% {

    -moz-transform: scale(1.13, .87)

  }

  4% {

    -moz-transform: scale(1.1, .9)

  }

  5% {

    -moz-transform: scale(1.07, .93)

  }

  6% {

    -moz-transform: scale(1.04, .96)

  }

  7% {

    -moz-transform: scale(1.01, .99)

  }

  8% {

    -moz-transform: scale(.99, 1.01)

  }

  9% {

    -moz-transform: scale(.97, 1.03)

  }

  10% {

    -moz-transform: scale(.95, 1.05)

  }

  11% {

    -moz-transform: scale(.94, 1.06)

  }

  12% {

    -moz-transform: scale(.93, 1.07)

  }

  13% {

    -moz-transform: scale(.93, 1.07)

  }

  14% {

    -moz-transform: scale(.93, 1.07)

  }

  15% {

    -moz-transform: scale(.93, 1.07)

  }

  16% {

    -moz-transform: scale(.94, 1.06)

  }

  17% {

    -moz-transform: scale(.94, 1.06)

  }

  18% {

    -moz-transform: scale(.95, 1.05)

  }

  19% {

    -moz-transform: scale(.96, 1.04)

  }

  20% {

    -moz-transform: scale(.98, 1.02)

  }

  21% {

    -moz-transform: scale(.99, 1.01)

  }

  22% {

    -moz-transform: scale(1, 1)

  }

  23% {

    -moz-transform: scale(1, 1)

  }

  24% {

    -moz-transform: scale(1.01, .99)

  }

  25% {

    -moz-transform: scale(1.02, .98)

  }

  26% {

    -moz-transform: scale(1.02, .98)

  }

  27% {

    -moz-transform: scale(1.02, .98)

  }

  28% {

    -moz-transform: scale(1.03, .97)

  }

  29% {

    -moz-transform: scale(1.03, .97)

  }

  30% {

    -moz-transform: scale(1.02, .98)

  }

  31% {

    -moz-transform: scale(1.02, .98)

  }

  32% {

    -moz-transform: scale(1.02, .98)

  }

  33% {

    -moz-transform: scale(1.02, .98)

  }

  34% {

    -moz-transform: scale(1.01, .99)

  }

  35% {

    -moz-transform: scale(1.01, .99)

  }

  36% {

    -moz-transform: scale(1.01, .99)

  }

  37% {

    -moz-transform: scale(1, 1)

  }

  38% {

    -moz-transform: scale(1, 1)

  }

  39% {

    -moz-transform: scale(1, 1)

  }

  40% {

    -moz-transform: scale(.99, 1.01)

  }

  41% {

    -moz-transform: scale(.99, 1.01)

  }

  42% {

    -moz-transform: scale(.99, 1.01)

  }

  43% {

    -moz-transform: scale(.99, 1.01)

  }

  44% {

    -moz-transform: scale(.99, 1.01)

  }

  45% {

    -moz-transform: scale(.99, 1.01)

  }

  46% {

    -moz-transform: scale(.99, 1.01)

  }

  47% {

    -moz-transform: scale(.99, 1.01)

  }

  48% {

    -moz-transform: scale(.99, 1.01)

  }

  49% {

    -moz-transform: scale(1, 1)

  }

}



@-ms-keyframes work-btn {

  0% {

    -ms-transform: scale(1.2, .8)

  }

  1% {

    -ms-transform: scale(1.18, .82)

  }

  2% {

    -ms-transform: scale(1.16, .84)

  }

  3% {

    -ms-transform: scale(1.13, .87)

  }

  4% {

    -ms-transform: scale(1.1, .9)

  }

  5% {

    -ms-transform: scale(1.07, .93)

  }

  6% {

    -ms-transform: scale(1.04, .96)

  }

  7% {

    -ms-transform: scale(1.01, .99)

  }

  8% {

    -ms-transform: scale(.99, 1.01)

  }

  9% {

    -ms-transform: scale(.97, 1.03)

  }

  10% {

    -ms-transform: scale(.95, 1.05)

  }

  11% {

    -ms-transform: scale(.94, 1.06)

  }

  12% {

    -ms-transform: scale(.93, 1.07)

  }

  13% {

    -ms-transform: scale(.93, 1.07)

  }

  14% {

    -ms-transform: scale(.93, 1.07)

  }

  15% {

    -ms-transform: scale(.93, 1.07)

  }

  16% {

    -ms-transform: scale(.94, 1.06)

  }

  17% {

    -ms-transform: scale(.94, 1.06)

  }

  18% {

    -ms-transform: scale(.95, 1.05)

  }

  19% {

    -ms-transform: scale(.96, 1.04)

  }

  20% {

    -ms-transform: scale(.98, 1.02)

  }

  21% {

    -ms-transform: scale(.99, 1.01)

  }

  22% {

    -ms-transform: scale(1, 1)

  }

  23% {

    -ms-transform: scale(1, 1)

  }

  24% {

    -ms-transform: scale(1.01, .99)

  }

  25% {

    -ms-transform: scale(1.02, .98)

  }

  26% {

    -ms-transform: scale(1.02, .98)

  }

  27% {

    -ms-transform: scale(1.02, .98)

  }

  28% {

    -ms-transform: scale(1.03, .97)

  }

  29% {

    -ms-transform: scale(1.03, .97)

  }

  30% {

    -ms-transform: scale(1.02, .98)

  }

  31% {

    -ms-transform: scale(1.02, .98)

  }

  32% {

    -ms-transform: scale(1.02, .98)

  }

  33% {

    -ms-transform: scale(1.02, .98)

  }

  34% {

    -ms-transform: scale(1.01, .99)

  }

  35% {

    -ms-transform: scale(1.01, .99)

  }

  36% {

    -ms-transform: scale(1.01, .99)

  }

  37% {

    -ms-transform: scale(1, 1)

  }

  38% {

    -ms-transform: scale(1, 1)

  }

  39% {

    -ms-transform: scale(1, 1)

  }

  40% {

    -ms-transform: scale(.99, 1.01)

  }

  41% {

    -ms-transform: scale(.99, 1.01)

  }

  42% {

    -ms-transform: scale(.99, 1.01)

  }

  43% {

    -ms-transform: scale(.99, 1.01)

  }

  44% {

    -ms-transform: scale(.99, 1.01)

  }

  45% {

    -ms-transform: scale(.99, 1.01)

  }

  46% {

    -ms-transform: scale(.99, 1.01)

  }

  47% {

    -ms-transform: scale(.99, 1.01)

  }

  48% {

    -ms-transform: scale(.99, 1.01)

  }

  49% {

    -ms-transform: scale(1, 1)

  }

}



@keyframes work-btn {

  0% {

    transform: scale(1.2, .8)

  }

  1% {

    transform: scale(1.18, .82)

  }

  2% {

    transform: scale(1.16, .84)

  }

  3% {

    transform: scale(1.13, .87)

  }

  4% {

    transform: scale(1.1, .9)

  }

  5% {

    transform: scale(1.07, .93)

  }

  6% {

    transform: scale(1.04, .96)

  }

  7% {

    transform: scale(1.01, .99)

  }

  8% {

    transform: scale(.99, 1.01)

  }

  9% {

    transform: scale(.97, 1.03)

  }

  10% {

    transform: scale(.95, 1.05)

  }

  11% {

    transform: scale(.94, 1.06)

  }

  12% {

    transform: scale(.93, 1.07)

  }

  13% {

    transform: scale(.93, 1.07)

  }

  14% {

    transform: scale(.93, 1.07)

  }

  15% {

    transform: scale(.93, 1.07)

  }

  16% {

    transform: scale(.94, 1.06)

  }

  17% {

    transform: scale(.94, 1.06)

  }

  18% {

    transform: scale(.95, 1.05)

  }

  19% {

    transform: scale(.96, 1.04)

  }

  20% {

    transform: scale(.98, 1.02)

  }

  21% {

    transform: scale(.99, 1.01)

  }

  22% {

    transform: scale(1, 1)

  }

  23% {

    transform: scale(1, 1)

  }

  24% {

    transform: scale(1.01, .99)

  }

  25% {

    transform: scale(1.02, .98)

  }

  26% {

    transform: scale(1.02, .98)

  }

  27% {

    transform: scale(1.02, .98)

  }

  28% {

    transform: scale(1.03, .97)

  }

  29% {

    transform: scale(1.03, .97)

  }

  30% {

    transform: scale(1.02, .98)

  }

  31% {

    transform: scale(1.02, .98)

  }

  32% {

    transform: scale(1.02, .98)

  }

  33% {

    transform: scale(1.02, .98)

  }

  34% {

    transform: scale(1.01, .99)

  }

  35% {

    transform: scale(1.01, .99)

  }

  36% {

    transform: scale(1.01, .99)

  }

  37% {

    transform: scale(1, 1)

  }

  38% {

    transform: scale(1, 1)

  }

  39% {

    transform: scale(1, 1)

  }

  40% {

    transform: scale(.99, 1.01)

  }

  41% {

    transform: scale(.99, 1.01)

  }

  42% {

    transform: scale(.99, 1.01)

  }

  43% {

    transform: scale(.99, 1.01)

  }

  44% {

    transform: scale(.99, 1.01)

  }

  45% {

    transform: scale(.99, 1.01)

  }

  46% {

    transform: scale(.99, 1.01)

  }

  47% {

    transform: scale(.99, 1.01)

  }

  48% {

    transform: scale(.99, 1.01)

  }

  49% {

    transform: scale(1, 1)

  }

}

.iframe_left, .iframe_right {

	width: 100%;

	height: 100%;

	border:0;

	top: 0;

	left: 0;

	position: absolute;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d

}



.iframeTop {

  z-index: 9

}



@media (min-height:1000px){

#work_close{top:20px !important}

}