﻿.slideMenu { position:absolute; top:0; left:0; width:980px; height:180px; background:url(/image/ko-kr/common/subMenubar.png) no-repeat right bottom; line-height:18px}
.slideMenuIcon { position:relative; top:20px; width:980px; height:100px; overflow:hidden; }

.slideul { position:absolute; margin:0; padding:0; display:block;background:#FFF}
.slideul li { display:inline; float:left; width:100px; height:100px; padding:0 15px; cursor:pointer;}
.slideul li a{ color:#333 }
.slideul li a:hover { color:#bf2e1a; font-weight:bold; }

/* 메뉴 형식 */
#subSermonAear li[exit="previous"] { -webkit-animation-name:exit-previous; -webkit-animation-duration:0.4s; -moz-animation-name:exit-previous; -moz-animation-duration:0.4s; -o-animation-name:exit-previous; -o-animation-duration:0.4s; animation-name:exit-previous; animation-duration:0.4s; }
#subSermonAear li[exit="previous"]:nth-child(7n+1) { }
#subSermonAear li[exit="previous"]:nth-child(7n+2) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear li[exit="previous"]:nth-child(7n+3) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear li[exit="previous"]:nth-child(7n+4) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear li[exit="previous"]:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear li[exit="previous"]:nth-child(7n+6) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear li[exit="previous"]:nth-child(7n+7) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear li[exit="previous"]:nth-child(7n+8) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear li[exit="previous"]:nth-child(7n+9) { -webkit-animation-delay:0.4s;  -moz-animation-delay:0.4s;  -o-animation-delay:0.4s;  animation-delay:0.4s; }

/*#subSermonAear ul[exit="previous"] li { -webkit-animation-name:exit-previous; -webkit-animation-duration:0.4s; -moz-animation-name:exit-previous; -moz-animation-duration:0.4s; -o-animation-name:exit-previous; -o-animation-duration:0.4s; animation-name:exit-previous; animation-duration:0.4s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+1) { }
#subSermonAear ul[exit="previous"] li:nth-child(7n+2) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+3) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+4) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+6) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+7) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+8) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear ul[exit="previous"] li:nth-child(7n+9) { -webkit-animation-delay:0.4s;  -moz-animation-delay:0.4s;  -o-animation-delay:0.4s;  animation-delay:0.4s; })*/

#subSermonAear li[exit="next"] { -webkit-animation-name:exit-next; -webkit-animation-duration:0.4s; -moz-animation-name:exit-next; -moz-animation-duration:0.4s; -o-animation-name:exit-next; -o-animation-duration:0.4s; animation-name:exit-next; animation-duration:0.4s; }
#subSermonAear li[exit="next"]:nth-child(7n+1) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear li[exit="next"]:nth-child(7n+2) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear li[exit="next"]:nth-child(7n+3) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear li[exit="next"]:nth-child(7n+4) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear li[exit="next"]:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear li[exit="next"]:nth-child(7n+6) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear li[exit="next"]:nth-child(7n+7) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear li[exit="next"]:nth-child(7n+8) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear li[exit="next"]:nth-child(7n+9) { }

/*#subSermonAear ul[exit="next"] li { -webkit-animation-name:exit-next; -webkit-animation-duration:0.4s; -moz-animation-name:exit-next; -moz-animation-duration:0.4s; -o-animation-name:exit-next; -o-animation-duration:0.4s; animation-name:exit-next; animation-duration:0.4s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+1) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+2) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+3) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+4) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+6) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+7) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+8) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear ul[exit="next"] li:nth-child(7n+9) { }*/

#subSermonAear li[enter="previous"] { -webkit-animation-name:enter-previous; -webkit-animation-duration:0.7s; -moz-animation-name:enter-previous; -moz-animation-duration:0.7s; -o-animation-name:enter-previous; -o-animation-duration:0.7s; animation-name:enter-previous; animation-duration:0.7s; }
#subSermonAear li[enter="previous"]:nth-child(7n+1) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear li[enter="previous"]:nth-child(7n+2) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear li[enter="previous"]:nth-child(7n+3) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear li[enter="previous"]:nth-child(7n+4) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear li[enter="previous"]:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear li[enter="previous"]:nth-child(7n+6) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear li[enter="previous"]:nth-child(7n+7) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear li[enter="previous"]:nth-child(7n+8) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear li[enter="previous"]:nth-child(7n+9) { }

/*#subSermonAear ul[enter="previous"] li { -webkit-animation-name:enter-previous; -webkit-animation-duration:0.7s; -moz-animation-name:enter-previous; -moz-animation-duration:0.7s; -o-animation-name:enter-previous; -o-animation-duration:0.7s; animation-name:enter-previous; animation-duration:0.7s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+1) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+2) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+3) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+4) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+6) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+7) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+8) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear ul[enter="previous"] li:nth-child(7n+9) { }*/

#subSermonAear li[enter="next"] { -webkit-animation-name:enter-next; -webkit-animation-duration:0.7s; -moz-animation-name:enter-next; -moz-animation-duration:0.7s; -o-animation-name:enter-next; -o-animation-duration:0.7s; animation-name:enter-next; animation-duration:0.7s; }
#subSermonAear li[enter="next"]:nth-child(7n+1) { }
#subSermonAear li[enter="next"]:nth-child(7n+2) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear li[enter="next"]:nth-child(7n+3) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear li[enter="next"]:nth-child(7n+4) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear li[enter="next"]:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear li[enter="next"]:nth-child(7n+6) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear li[enter="next"]:nth-child(7n+7) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear li[enter="next"]:nth-child(7n+8) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear li[enter="next"]:nth-child(7n+9) { -webkit-animation-delay:0.4s;  -moz-animation-delay:0.4s;  -o-animation-delay:0.4s;  animation-delay:0.4s; }

/*#subSermonAear ul[enter="next"] li { -webkit-animation-name:enter-next; -webkit-animation-duration:0.7s; -moz-animation-name:enter-next; -moz-animation-duration:0.7s; -o-animation-name:enter-next; -o-animation-duration:0.7s; animation-name:enter-next; animation-duration:0.7s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+1) { }
#subSermonAear ul[enter="next"] li:nth-child(7n+2) { -webkit-animation-delay:0.05s; -moz-animation-delay:0.05s; -o-animation-delay:0.05s; animation-delay:0.05s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+3) { -webkit-animation-delay:0.1s;  -moz-animation-delay:0.1s;  -o-animation-delay:0.1s;  animation-delay:0.1s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+4) { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+5) { -webkit-animation-delay:0.2s;  -moz-animation-delay:0.2s;  -o-animation-delay:0.2s;  animation-delay:0.2s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+6) { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+7) { -webkit-animation-delay:0.3s;  -moz-animation-delay:0.3s;  -o-animation-delay:0.3s;  animation-delay:0.3s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+8) { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
#subSermonAear ul[enter="next"] li:nth-child(7n+9) { -webkit-animation-delay:0.4s;  -moz-animation-delay:0.4s;  -o-animation-delay:0.4s;  animation-delay:0.4s; }*/

/*started*/

/* 슬라이드 */
.slidePage { position:relative; width:980px; top:143px; height:27px;}
.slidePageIcon { position:absolute; width:980px; top:10px; left:0px }
.slidePage .page{ display:inline; margin:0 25px 0 25px }
.slidePage .active11 { position:absolute; top:-10px; width:15px; height:8px; display:block; background:url('/image/ko-kr/menu/carat_active.png') no-repeat; 
    /*-webkit-transform:translate(50%, 0);*/
    left:0px;
	-webkit-transition:left linear 0.4s;
	/*-moz-transform:translate(50%, 0);*/
	-moz-transition:left linear 0.4s;
	/*-o-transform:translate(50%, 0);*/
	-o-transition:left linear 0.4s;
	/*transform:translate(50%, 0);*/
	transition:left linear 0.4s;
}

/* keyframes */

/* webkit browser keyframes */
@-webkit-keyframes open-1
{
	from { opacity:0; -webkit-transform:translate3d( 210px, -145px, 0); }
	25%  { opacity:1; -webkit-transform:translate3d( -15.6px, 4.1px, 0); }
	30%  { opacity:1; -webkit-transform:translate3d( -10.3px, 2.7px, 0); }
	35%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
	40%  { opacity:1; -webkit-transform:translate3d( 4.5px, -1.2px, 0); }
	45%  { opacity:1; -webkit-transform:translate3d( 2.9px, -0.8px, 0); }
	50%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
	55%  { opacity:1; -webkit-transform:translate3d( -1.3px, 0.3px, 0); }
	60%  { opacity:1; -webkit-transform:translate3d( -0.8px, 0.2px, 0); }
	65%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
	70%  { opacity:1; -webkit-transform:translate3d( 0.4px, -0.1px, 0); }
	75%  { opacity:1; -webkit-transform:translate3d( 0.2px, -0.1px, 0); }
	80%  { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
	85%  { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); }
	90%  { opacity:1; -webkit-transform:translate3d( -0.1px, 0, 0); }
	to   { opacity:1; -webkit-transform:translate3d( 0, 0, 0); }
}

/* slide keyframes */
@-webkit-keyframes enter-previous {
	from { -webkit-transform:translate3d( -3000px, 0, 0); }
	4%   { -webkit-transform:translate3d(  -955px, 0, 0); }
	8%   { -webkit-transform:translate3d(  -764px, 0, 0); }
	12%  { -webkit-transform:translate3d(  -573px, 0, 0); }
	16%  { -webkit-transform:translate3d(  -382px, 0, 0); }
	20%  { -webkit-transform:translate3d(  -191px, 0, 0); }
	24%  { -webkit-transform:translate3d(     0  , 0, 0); }
	28%  { -webkit-transform:translate3d(    52px, 0, 0); }
	32%  { -webkit-transform:translate3d(    34px, 0, 0); }
	36%  { -webkit-transform:translate3d(     0  , 0, 0); }
	40%  { -webkit-transform:translate3d(   -15px, 0, 0); }
	44%  { -webkit-transform:translate3d(   -10px, 0, 0); }
	48%  { -webkit-transform:translate3d(     0  , 0, 0); }
	52%  { -webkit-transform:translate3d(     4px, 0, 0); }
	56%  { -webkit-transform:translate3d(     3px, 0, 0); }
	60%  { -webkit-transform:translate3d(     0  , 0, 0); }
	64%  { -webkit-transform:translate3d(    -1px, 0, 0); }
	68%  { -webkit-transform:translate3d(    -1px, 0, 0); }
	72%  { -webkit-transform:translate3d(     0  , 0, 0); }
	to   { -webkit-transform:translate3d(     0  , 0, 0); }
}

@-webkit-keyframes enter-next {
	from { -webkit-transform:translate3d( 3000px, 0, 0); }
	4%   { -webkit-transform:translate3d( 1697px, 0, 0); }
	8%   { -webkit-transform:translate3d( 1455px, 0, 0); }
	12%  { -webkit-transform:translate3d( 1212px, 0, 0); }
	16%  { -webkit-transform:translate3d(  970px, 0, 0); }
	20%  { -webkit-transform:translate3d(  727px, 0, 0); }
	24%  { -webkit-transform:translate3d(  485px, 0, 0); }
	28%  { -webkit-transform:translate3d(  242px, 0, 0); }
	32%  { -webkit-transform:translate3d(    0  , 0, 0); }
	36%  { -webkit-transform:translate3d(  -67px, 0, 0); }
	40%  { -webkit-transform:translate3d(  -44px, 0, 0); }
	44%  { -webkit-transform:translate3d(    0  , 0, 0); }
	48%  { -webkit-transform:translate3d(   19px, 0, 0); }
	52%  { -webkit-transform:translate3d(   12px, 0, 0); }
	56%  { -webkit-transform:translate3d(    0  , 0, 0); }
	60%  { -webkit-transform:translate3d(   -6px, 0, 0); }
	64%  { -webkit-transform:translate3d(   -4px, 0, 0); }
	68%  { -webkit-transform:translate3d(    0  , 0, 0); }
	72%  { -webkit-transform:translate3d(    2px, 0, 0); }
	76%  { -webkit-transform:translate3d(    1px, 0, 0); }
	80%  { -webkit-transform:translate3d(    0  , 0, 0); }
	84%  { -webkit-transform:translate3d(   -1px, 0, 0); }
	88%  { -webkit-transform:translate3d(    0  , 0, 0); }
	92%  { -webkit-transform:translate3d(   -1px, 0, 0); }
	to   { -webkit-transform:translate3d(    0  , 0, 0); }
}

@-webkit-keyframes exit-previous {
	from { -webkit-transform:translate3d(    0  , 0, 0); }
	to   { -webkit-transform:translate3d(-1000px, 0, 0); }
}

@-webkit-keyframes exit-next {
	from { -webkit-transform:translate3d(    0  , 0, 0); }
	to   { -webkit-transform:translate3d( 1000px, 0, 0); }
}

/*------------------------------*/


/* moz browser keyframes */
@-moz-keyframes open-1 {
	from { opacity:0; -moz-transform:translate( 210px, -145px); }
	25%  { opacity:1; -moz-transform:translate( -15.6px, 4.1px); }
	30%  { opacity:1; -moz-transform:translate( -10.3px, 2.7px); }
	35%  { opacity:1; -moz-transform:translate( 0, 0); }
	40%  { opacity:1; -moz-transform:translate( 4.5px, -1.2px); }
	45%  { opacity:1; -moz-transform:translate( 2.9px, -0.8px); }
	50%  { opacity:1; -moz-transform:translate( 0, 0); }
	55%  { opacity:1; -moz-transform:translate( -1.3px, 0.3px); }
	60%  { opacity:1; -moz-transform:translate( -0.8px, 0.2px); }
	65%  { opacity:1; -moz-transform:translate( 0, 0); }
	70%  { opacity:1; -moz-transform:translate( 0.4px, -0.1px); }
	75%  { opacity:1; -moz-transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; -moz-transform:translate( 0, 0); }
	85%  { opacity:1; -moz-transform:translate( -0.1px, 0); }
	90%  { opacity:1; -moz-transform:translate( -0.1px, 0); }
	to   { opacity:1; -moz-transform:translate( 0, 0); }
}

/* slide keyframes */
@-moz-keyframes enter-previous {
	from { -moz-transform:translate( -3000px, 0); }
	4%   { -moz-transform:translate(  -955px, 0); }
	8%   { -moz-transform:translate(  -764px, 0); }
	12%  { -moz-transform:translate(  -573px, 0); }
	16%  { -moz-transform:translate(  -382px, 0); }
	20%  { -moz-transform:translate(  -191px, 0); }
	24%  { -moz-transform:translate(     0  , 0); }
	28%  { -moz-transform:translate(    52px, 0); }
	32%  { -moz-transform:translate(    34px, 0); }
	36%  { -moz-transform:translate(     0  , 0); }
	40%  { -moz-transform:translate(   -15px, 0); }
	44%  { -moz-transform:translate(   -10px, 0); }
	48%  { -moz-transform:translate(     0  , 0); }
	52%  { -moz-transform:translate(     4px, 0); }
	56%  { -moz-transform:translate(     3px, 0); }
	60%  { -moz-transform:translate(     0  , 0); }
	64%  { -moz-transform:translate(    -1px, 0); }
	68%  { -moz-transform:translate(    -1px, 0); }
	72%  { -moz-transform:translate(     0  , 0); }
	to   { -moz-transform:translate(     0  , 0); }
}

@-moz-keyframes enter-next {
	from { -moz-transform:translate( 3000px, 0); }
	4%   { -moz-transform:translate( 1697px, 0); }
	8%   { -moz-transform:translate( 1455px, 0); }
	12%  { -moz-transform:translate( 1212px, 0); }
	16%  { -moz-transform:translate(  970px, 0); }
	20%  { -moz-transform:translate(  727px, 0); }
	24%  { -moz-transform:translate(  485px, 0); }
	28%  { -moz-transform:translate(  242px, 0); }
	32%  { -moz-transform:translate(    0  , 0); }
	36%  { -moz-transform:translate(  -67px, 0); }
	40%  { -moz-transform:translate(  -44px, 0); }
	44%  { -moz-transform:translate(    0  , 0); }
	48%  { -moz-transform:translate(   19px, 0); }
	52%  { -moz-transform:translate(   12px, 0); }
	56%  { -moz-transform:translate(    0  , 0); }
	60%  { -moz-transform:translate(   -6px, 0); }
	64%  { -moz-transform:translate(   -4px, 0); }
	68%  { -moz-transform:translate(    0  , 0); }
	72%  { -moz-transform:translate(    2px, 0); }
	76%  { -moz-transform:translate(    1px, 0); }
	80%  { -moz-transform:translate(    0  , 0); }
	84%  { -moz-transform:translate(   -1px, 0); }
	88%  { -moz-transform:translate(    0  , 0); }
	92%  { -moz-transform:translate(   -1px, 0); }
	to   { -moz-transform:translate(    0  , 0); }
}

@-moz-keyframes exit-previous {
	from { -moz-transform:translate(    0  , 0); }
	to   { -moz-transform:translate(-1000px, 0); }
}

@-moz-keyframes exit-next {
	from { -moz-transform:translate(    0  , 0); }
	to   { -moz-transform:translate( 1000px, 0); }
}

/*------------------------------------------*/


/* o browser keyframes */
@-o-keyframes open-1 {
	from { opacity:0; -o-transform:translate( 210px, -145px); }
	25%  { opacity:1; -o-transform:translate( -15.6px, 4.1px); }
	30%  { opacity:1; -o-transform:translate( -10.3px, 2.7px); }
	35%  { opacity:1; -o-transform:translate( 0, 0); }
	40%  { opacity:1; -o-transform:translate( 4.5px, -1.2px); }
	45%  { opacity:1; -o-transform:translate( 2.9px, -0.8px); }
	50%  { opacity:1; -o-transform:translate( 0, 0); }
	55%  { opacity:1; -o-transform:translate( -1.3px, 0.3px); }
	60%  { opacity:1; -o-transform:translate( -0.8px, 0.2px); }
	65%  { opacity:1; -o-transform:translate( 0, 0); }
	70%  { opacity:1; -o-transform:translate( 0.4px, -0.1px); }
	75%  { opacity:1; -o-transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; -o-transform:translate( 0, 0); }
	85%  { opacity:1; -o-transform:translate( -0.1px, 0); }
	90%  { opacity:1; -o-transform:translate( -0.1px, 0); }
	to   { opacity:1; -o-transform:translate( 0, 0); }
}

/* slide keyfreams */
@-o-keyframes enter-previous {
	from { -o-transform:translate( -3000px, 0); }
	4%   { -o-transform:translate(  -955px, 0); }
	8%   { -o-transform:translate(  -764px, 0); }
	12%  { -o-transform:translate(  -573px, 0); }
	16%  { -o-transform:translate(  -382px, 0); }
	20%  { -o-transform:translate(  -191px, 0); }
	24%  { -o-transform:translate(     0  , 0); }
	28%  { -o-transform:translate(    52px, 0); }
	32%  { -o-transform:translate(    34px, 0); }
	36%  { -o-transform:translate(     0  , 0); }
	40%  { -o-transform:translate(   -15px, 0); }
	44%  { -o-transform:translate(   -10px, 0); }
	48%  { -o-transform:translate(     0  , 0); }
	52%  { -o-transform:translate(     4px, 0); }
	56%  { -o-transform:translate(     3px, 0); }
	60%  { -o-transform:translate(     0  , 0); }
	64%  { -o-transform:translate(    -1px, 0); }
	68%  { -o-transform:translate(    -1px, 0); }
	72%  { -o-transform:translate(     0  , 0); }
	to   { -o-transform:translate(     0  , 0); }
}

@-o-keyframes enter-next {
	from { -o-transform:translate( 3000px, 0); }
	4%   { -o-transform:translate( 1697px, 0); }
	8%   { -o-transform:translate( 1455px, 0); }
	12%  { -o-transform:translate( 1212px, 0); }
	16%  { -o-transform:translate(  970px, 0); }
	20%  { -o-transform:translate(  727px, 0); }
	24%  { -o-transform:translate(  485px, 0); }
	28%  { -o-transform:translate(  242px, 0); }
	32%  { -o-transform:translate(    0  , 0); }
	36%  { -o-transform:translate(  -67px, 0); }
	40%  { -o-transform:translate(  -44px, 0); }
	44%  { -o-transform:translate(    0  , 0); }
	48%  { -o-transform:translate(   19px, 0); }
	52%  { -o-transform:translate(   12px, 0); }
	56%  { -o-transform:translate(    0  , 0); }
	60%  { -o-transform:translate(   -6px, 0); }
	64%  { -o-transform:translate(   -4px, 0); }
	68%  { -o-transform:translate(    0  , 0); }
	72%  { -o-transform:translate(    2px, 0); }
	76%  { -o-transform:translate(    1px, 0); }
	80%  { -o-transform:translate(    0  , 0); }
	84%  { -o-transform:translate(   -1px, 0); }
	88%  { -o-transform:translate(    0  , 0); }
	92%  { -o-transform:translate(   -1px, 0); }
	to   { -o-transform:translate(    0  , 0); }
}

@-o-keyframes exit-previous {
	from { -o-transform:translate(    0  , 0); }
	to   { -o-transform:translate(-1000px, 0); }
}

@-o-keyframes exit-next {
	from { -o-transform:translate(    0  , 0); }
	to   { -o-transform:translate( 1000px, 0); }
}


/* browser keyframes */
@keyframes open-1 {
	from { opacity:0; transform:translate( 210px, -145px); }
	25%  { opacity:1; transform:translate( -15.6px, 4.1px); }
	30%  { opacity:1; transform:translate( -10.3px, 2.7px); }
	35%  { opacity:1; transform:translate( 0, 0); }
	40%  { opacity:1; transform:translate( 4.5px, -1.2px); }
	45%  { opacity:1; transform:translate( 2.9px, -0.8px); }
	50%  { opacity:1; transform:translate( 0, 0); }
	55%  { opacity:1; transform:translate( -1.3px, 0.3px); }
	60%  { opacity:1; transform:translate( -0.8px, 0.2px); }
	65%  { opacity:1; transform:translate( 0, 0); }
	70%  { opacity:1; transform:translate( 0.4px, -0.1px); }
	75%  { opacity:1; transform:translate( 0.2px, -0.1px); }
	80%  { opacity:1; transform:translate( 0, 0); }
	85%  { opacity:1; transform:translate( -0.1px, 0); }
	90%  { opacity:1; transform:translate( -0.1px, 0); }
	to   { opacity:1; transform:translate( 0, 0); }
}

/* slide keyframes */
@keyframes enter-previous {
	from { transform:translate( -3000px, 0); }
	4%   { transform:translate(  -955px, 0); }
	8%   { transform:translate(  -764px, 0); }
	12%  { transform:translate(  -573px, 0); }
	16%  { transform:translate(  -382px, 0); }
	20%  { transform:translate(  -191px, 0); }
	24%  { transform:translate(     0  , 0); }
	28%  { transform:translate(    52px, 0); }
	32%  { transform:translate(    34px, 0); }
	36%  { transform:translate(     0  , 0); }
	40%  { transform:translate(   -15px, 0); }
	44%  { transform:translate(   -10px, 0); }
	48%  { transform:translate(     0  , 0); }
	52%  { transform:translate(     4px, 0); }
	56%  { transform:translate(     3px, 0); }
	60%  { transform:translate(     0  , 0); }
	64%  { transform:translate(    -1px, 0); }
	68%  { transform:translate(    -1px, 0); }
	72%  { transform:translate(     0  , 0); }
	to   { transform:translate(     0  , 0); }
}

@keyframes enter-next {
	from { transform:translate( 3000px, 0); }
	4%   { transform:translate( 1697px, 0); }
	8%   { transform:translate( 1455px, 0); }
	12%  { transform:translate( 1212px, 0); }
	16%  { transform:translate(  970px, 0); }
	20%  { transform:translate(  727px, 0); }
	24%  { transform:translate(  485px, 0); }
	28%  { transform:translate(  242px, 0); }
	32%  { transform:translate(    0  , 0); }
	36%  { transform:translate(  -67px, 0); }
	40%  { transform:translate(  -44px, 0); }
	44%  { transform:translate(    0  , 0); }
	48%  { transform:translate(   19px, 0); }
	52%  { transform:translate(   12px, 0); }
	56%  { transform:translate(    0  , 0); }
	60%  { transform:translate(   -6px, 0); }
	64%  { transform:translate(   -4px, 0); }
	68%  { transform:translate(    0  , 0); }
	72%  { transform:translate(    2px, 0); }
	76%  { transform:translate(    1px, 0); }
	80%  { transform:translate(    0  , 0); }
	84%  { transform:translate(   -1px, 0); }
	88%  { transform:translate(    0  , 0); }
	92%  { transform:translate(   -1px, 0); }
	to   { transform:translate(    0  , 0); }
}

@keyframes exit-previous {
	from { transform:translate(    0  , 0); }
	to   { transform:translate(-1000px, 0); }
}

@keyframes exit-next {
	from { transform:translate(    0  , 0); }
	to   { transform:translate( 1000px, 0); }
}

/*------------------------------------------*/