@charset "utf-8";


body { background:#131313; }

#scroll_down { position:absolute; bottom:4%; left:0; width:100%; text-align:center; }
#scroll_down span { display:inline-block; font-size:14px; color:#e8e8e8; }
#scroll_down span em {
	display:block; line-height:0;
	animation:onOff 1s infinite;
	-webkit-animation:onOff 1s infinite;
	-moz-animation:onOff 1s infinite;
	-o-animation:onOff 1s infinite;
}
#scroll_down span em img { width:15px; }
#scroll_down span em.arrow1 { animation-delay: 0; margin-top:10px; }
#scroll_down span em.arrow2 { animation-delay: 100ms; }
#scroll_down span em.arrow3 { animation-delay: 200ms; }


.header_black #header { height:55px; background:rgba(11,11,11,0.9);; box-shadow:0 0 25px 15px rgba(0,0,0,0.08); }
.header_black #header h1 { height:40px; overflow:hidden; }
/*
.header_black #header h1 img { display:none !important; }
.header_black #header h1 .mobile_view { display:block !important; width:217px; margin-top:-18px; }
.header_black #header .top_right .header_top_btn li a { color:#1f1f1f; }
.header_black #header .top_right .header_top_btn li.current a:after { background:#1f1f1f; }
*/


#contents { }


.main_visual { position:relative; }
.main_visual .visual_pop { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; color:#fff; text-align:center; display:flex; align-items: center; }
.main_visual .visual_pop .logo { margin-top:-8% }
.main_visual .visual_pop .logo img { width:186px; }
.main_visual .visual_pop .txt01 { margin:50px 0 30px 0; font-size:48px; font-weight:700; }
.main_visual .visual_pop .link li { display:inline-block; margin:30px 10px; }
.main_visual .visual_pop .link li a { display:block; padding:20px 25px; border:2px solid #686868; border-radius:40px; }
.main_visual .visual_pop .link li a span { display:block; padding-right:40px; font-size:20px; position:relative; font-weight:bold; }
.main_visual .visual_pop .link li a.home_btn span { background:url(/images/mini/icon_main_visual_home.png) right center no-repeat; background-size:auto 24px; }
.main_visual .visual_pop .link li a.rental_btn { border-color:#fff; background:#fff; color:#000; }
.main_visual .visual_pop .link li a.rental_btn span:after { width:30px; height:30px; position:absolute; top:-3px; right:0; border-radius:20px; content:""; display:block; background:#DE2E3A url(/images/mini/icon_main_visual_arrow.png) center center no-repeat; background-size:auto 24px; }
.main_visual .video { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.main_visual .video video { width: 100%; margin-top:-6.5%; }
.main_visual .main_video { position:fixed; left:-150%; width:400%; height:100%; text-align:center; z-index:-1; }
.main_visual img.bg { width:100vw; /*height:100vh;*/ position:relative; z-index:-2; }
.main_visual .main_video video { width:100vw; /*height:100vh; width:auto!important;*/ }




#popup_yt_play { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; }
#popup_yt_play .bg { width:100%; height:100%; display:table; background:rgba(0,0,0,0.7); }
#popup_yt_play .bg .inner { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; }
#popup_yt_play .bg .inner p { display:inline-block; position:relative; max-width:92%; }
#popup_yt_play .bg .inner p span { display:inline-block; width:36px; line-height:36px; font-size:24px; font-weight:bold; color:#fff; border:2px solid #fff; border-radius:30px; position:absolute; top:-45px; right:-45px; cursor:pointer; }
#popup_yt_play .bg .inner iframe { width:1120px; height:630px; max-width:100%; max-height:85%; }




/*#contents section.gray { background:#f6f6f6; }*/
#contents section.black { background:#0B0B0B; }
#contents section.space { background:#0B0B0B url(/images/mini/new_con02_bg.jpg) top center no-repeat; background-size:100% auto; }
.main_section { width:1070px; text-align:center; margin:0 auto; padding:150px 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; }	
.main_section.wide { width:1300px; }




.section_tit { margin-bottom:25px; line-height:62px; font-size:50px; font-weight:600; color:#fff; letter-spacing:-2px; }
.main_text { padding:2vw 0 13vw 0; margin:0 258px; line-height:22px; font-size:16px; font-weight:300; color:#e8e8e8; text-align:left; }
.main_text .ceo { font-size:16px; }
.main_text .ceo strong { color:#fff; }
.main_desc { padding:1vw 0 2vw 0; line-height:30px; font-size:24px; font-weight:300; color:#e8e8e8; }
.box { margin:50px auto 0; }
.counting_outer { margin-top:1.5vw; display:flex; justify-content:space-between; align-items: top; }
.counting_outer dl { min-width:350px; margin:0 0; font-size:24px; color:#fff; }
.counting_outer dl dd {  }
.counting_outer dl dd .counting_ani { font-size:100px; font-weight:700; vertical-align:middle; }
.counting_outer dl dd i,
.counting_outer dl dd em{ color:#e8e8e8; font-style:normal; vertical-align:middle; }
.counting_outer dl dd em { display:block; margin-top:10px; }
.counting_outer dl dd .counting_ani span { display:none; }

.motion_top { position:relative; top:100px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
.motion_left { position:relative; left:100px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
.motion_inner { position:relative; right:-100px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
.motion_zoom { filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }

.active .motion_zoom {
	animation:0.7s zoomin 0.2s 1 ease-out forwards;
	-webkit-animation:0.7s zoomin 0.2s 1 ease-out forwards;
	-moz-animation:0.7s zoomin 0.2s 1 ease-out forwards;
	-o-animation:0.7s zoomin 0.2s 1 ease-out forwards;
}

.active .motion_T_01 {
	animation:0.7s fadein 0.2s 1 ease-out forwards;
	-webkit-animation:0.7s fadein 0.2s 1 ease-out forwards;
	-moz-animation:0.7s fadein 0.2s 1 ease-out forwards;
	-o-animation:0.7s fadein 0.2s 1 ease-out forwards;
}
.active .motion_T_02 {
	animation:0.7s fadein 0.4s 1 ease-out forwards;
	-webkit-animation:0.7s fadein 0.4s 1 ease-out forwards;
	-moz-animation:0.7s fadein 0.4s 1 ease-out forwards;
	-o-animation:0.7s fadein 0.4s 1 ease-out forwards;
}
.active .motion_T_03 {
	animation:0.6s fadein 0.6s 1 ease-out forwards;
	-webkit-animation:0.6s fadein 0.6s 1 ease-out forwards;
	-moz-animation:0.6s fadein 0.6s 1 ease-out forwards;
	-o-animation:0.6s fadein 0.6s 1 ease-out forwards;
}
.active .motion_T_04 {
	animation:0.5s fadein 0.8s 1 ease-out forwards;
	-webkit-animation:0.5s fadein 0.8s 1 ease-out forwards;
	-moz-animation:0.5s fadein 0.8s 1 ease-out forwards;
	-o-animation:0.5s fadein 0.8s 1 ease-out forwards;
}

.active .motion_L_01 {
	animation:0.7s fadein_L 0.2s 1 ease-out forwards;
	-webkit-animation:0.7s fadein_L 0.2s 1 ease-out forwards;
	-moz-animation:0.7s fadein_L 0.2s 1 ease-out forwards;
	-o-animation:0.7s fadein_L 0.2s 1 ease-out forwards;
}
.active .motion_L_02 {
	animation:0.7s fadein_L 0.4s 1 ease-out forwards;
	-webkit-animation:0.7s fadein_L 0.4s 1 ease-out forwards;
	-moz-animation:0.7s fadein_L 0.4s 1 ease-out forwards;
	-o-animation:0.7s fadein_L 0.4s 1 ease-out forwards;
}
.active .motion_L_03 {
	animation:0.6s fadein_L 0.6s 1 ease-out forwards;
	-webkit-animation:0.6s fadein_L 0.6s 1 ease-out forwards;
	-moz-animation:0.6s fadein_L 0.6s 1 ease-out forwards;
	-o-animation:0.6s fadein_L 0.6s 1 ease-out forwards;
}
.active .motion_L_04 {
	animation:0.5s fadein_L 0.8s 1 ease-out forwards;
	-webkit-animation:0.5s fadein_L 0.8s 1 ease-out forwards;
	-moz-animation:0.5s fadein_L 0.8s 1 ease-out forwards;
	-o-animation:0.5s fadein_L 0.8s 1 ease-out forwards;
}

.active .overTab_con.on .motion_inner {
	animation:0.3s fadein_R 0.1s 1 ease-out forwards;
	-webkit-animation:0.3s fadein_R 0.1s 1 ease-out forwards;
	-moz-animation:0.3s fadein_R 0.1s 1 ease-out forwards;
	-o-animation:0.3s fadein_R 0.1s 1 ease-out forwards;
}

.active .overTab_con.on .motion_device {
	animation:0.3s fadein_R 0s 1 ease-out forwards;
	-webkit-animation:0.3s fadein_R 0s 1 ease-out forwards;
	-moz-animation:0.3s fadein_R 0s 1 ease-out forwards;
	-o-animation:0.3s fadein_R 0s 1 ease-out forwards;
}



.overTab_list { margin-top:50px; }
.overTab_list li { display:inline-block; margin-right:28px; cursor:pointer; }
.overTab_list li span { display:inline-block; padding:4px 3px; line-height:24px; font-size:20px; color:#e8e8e8; font-weight:500; }
.overTab_list li.on { border-bottom:2px solid #eee; }
.overTab_list li.on span { color:#eee; }
.overTab_con { display:none; clear:both; padding-top:45px; }
.overTab_con.on { display:block; }
.overTab_con p { line-height:30px; font-size:20px; font-weight:300; color:#e8e8e8; word-break:keep-all; }



#section01 .play_img { position:relative; top:100px; margin-bottom:20px; text-align:center; }
#section01 .play_img span { display:block; padding-top:8px; font-size:30px; color:#ed3737; }
#section01 .main_text p { margin-bottom:60px; }
#section01 .main_text strong { font-weight:500; }
#section01 .main_text .text_img { }
#section01 .main_text .text_img img { vertical-align:middle; margin-top:-10px; }
#section01 .enjoy { width:110%; margin-left:-5%; text-align:center; }
#section01 .enjoy .each { display:inline-block; vertical-align:top; margin:0 35px; color:#1b1b1b; }
#section01 .enjoy .each dt { display:block; padding-top:25px; font-size:28px; }
#section01 .enjoy .each dd { display:block; padding-top:20px; line-height:28px; font-size:22px; font-weight:100; color:#484848; letter-spacing:-1px; }
#section01 .box { text-align:center; }

#section02 .howto { position:relative; }
#section02 .howto .text { height:150px; }
#section02 .howto .tab_img { position:relative; }
#section02 .howto .tab_img img.machine { width:45%; }
#section02 .howto .tab_img img.girl { width:30%; }
#section02 .howto .tab_img .monitor { display:block; position:absolute; top:10px; left:50%; width:380px; margin-left:-190px; background:#000; }
#section02 .howto .tab_img .monitor img { width:100%; }
#section02 .howto .tab_img .monitor .play { padding:6px 0; }

#section03 .infos { position:relative; }
#section03 .infos .device_site { position:absolute; bottom:-50px; right:0; }
#section03 .infos .device_site2 { z-index:10; }
#section03 .tab_inner.notebook { width:441px; height:248px; top:-9px; right:82px; }
#section03 .tab_inner.phone { width:94px; height:170px; bottom:16px; right:7px; z-index:20; }
#section03 .overTab_con { position:relative; }
#section03 .overTab_con .red_btn {  }
#section03 .infos .note_img img { margin-top:5%; width:60%; }
#section03 .infos .txt { min-height:140px; }

#section04  { padding-bottom:0; text-align:center; }
#section04 .overTab_list li { margin:0 14px; }
#section04 .overTab_con { min-height:120px; } 
#section04 .overTab_con p { max-width:100%; }
#section04 .tab_inner.phone { width:344px; height:550px; bottom:0; left:50%; margin-left:-172px; }
#section04 .infos .store { padding-top:30px; }
#section04 .infos .store a { display:inline-block; vertical-align:top; margin:0 5px; padding:12px 15px; border:2px solid #6b6b6b; border-radius:10px; }
#section04 .infos .store a img { width:105px; }
#section04 .infos .overTab_con p.img { margin-top:30px; }
#section04 .infos .overTab_con p.img img { width:344px; }


#section05 .tree img { display:inline-block; vertical-align:top; margin-right:12px; }
#section05 .txt span { display:block; }
#section05 .txt span.big,
#section05 .txt span.eu_big { line-height:57px; font-size:45px; margin:15px 0; color:#fff; }
#section05 .txt span.mid,
#section05 .txt span.eu_mid { line-height:42px; font-size:30px; color:#e8e8e8; }
#section05 .txt span strong { color:#fff; }
#section05 .partner { margin:25px 0 0 0; }
#section05 .btn { margin:35px 0 0 0; }
#section05 .btn a,
a.red_btn { display:inline-block; padding:10px 30px; background:#d61518; border-radius:50px; font-weight:500; }
#section05 .right .btn a span,
a.red_btn span { display:inline-block; line-height:28px; font-size:22px; color:#fff; padding:0 30px; }
#section05 .machine img { width:60%; }

.tab_inner { position:absolute; display:block; overflow:hidden; }
.tab_inner span { position:absolute; top:0; left:0; z-index:1; width:100%; }
.tab_inner span.motion_device.off { z-index:2; }
.tab_inner span.motion_device.on {
	left:100%; z-index:5;
	animation:0.4s move_R 0s 1 ease-out forwards;
	-webkit-animation:0.4s move_R 0s 1 ease-out forwards;
	-moz-animation:0.4s move_R 0s 1 ease-out forwards;
	-o-animation:0.4s move_R 0s 1 ease-out forwards;
}



.mobile_br { display:none; }
.pc_br {  }


/* 모바일 __________________________________________________ */

@media (max-width:768px){

	.header_black #header { height:50px !important; box-shadow:0 0 5px 0 rgba(0,0,0,0.15); }
	.header_black #header h1 .mobile_view { width:auto; margin-top:0; }

	.basic .main_visual .visual_pop {  }

	.main_visual .visual_pop .txt01 { font-size:17px; }
	.main_visual .visual_pop .txt02 { margin:7px 0 0 0; line-height:32px; font-size:24px; }
	.main_visual .visual_pop .store { position:fixed; top:auto; margin:0; text-align:center; bottom:6%; left:12%; width:76%; border-radius:3px; overflow:hidden; z-index:999; }
	.main_visual .visual_pop .store a { width:100%; margin:0; line-height:48px; font-size:24px; color:#fff; background:#d61518; }

	.main_visual .video { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	.main_visual .video video { display:inline-block; width: 250%; margin:0 0 0 -80%; }

	.main_visual img.bg { height:100vh; }
	.main_visual .main_video video { height:100vh; width:auto!important; }
	
	.main_visual .visual_pop .logo {  }
	.main_visual .visual_pop .logo img { width:35%; }
	.main_visual .visual_pop .txt01 { margin:10% 0 8% 0; font-size:8vw; }

	.main_visual .visual_pop .link li { margin:3% 10%; }
	.main_visual .visual_pop .link li a { padding:12px 18px; }
	.main_visual .visual_pop .link li a span { padding-right:8vw; font-size:4vw; }
	.main_visual .visual_pop .link li a.home_btn span { background-size:auto 100%; }
	.main_visual .visual_pop .link li a.rental_btn span:after { width:6vw; height:6vw; margin-top:-3vw; top:50%; background-size:auto 5vw; }

	#scroll_down span { font-size:3vw; }


	#popup_yt_play .bg .inner p { width:92%; }
	#popup_yt_play .bg .inner p span { top:-36px; right:0; width:28px; line-height:28px; }
	#popup_yt_play .bg .inner iframe { width:100%; height:400px; }


	.downFix .visual_pop .store {
		border-radius:0;
		animation:0.3s downFix 0.1s 1 ease-out forwards;
		-webkit-animation:0.3s downFix 0.1s 1 ease-out forwards;
		-moz-animation:0.3s downFix 0.1s 1 ease-out forwards;
		-o-animation:0.3s downFix 0.1s 1 ease-out forwards;
	}
	.downFixOff .visual_pop .store {
		bottom:0; left:0; width:100%;
		animation:0.3s downFixOff 0.1s 1 ease-out forwards;
		-webkit-animation:0.3s downFixOff 0.1s 1 ease-out forwards;
		-moz-animation:0.3s downFixOff 0.1s 1 ease-out forwards;
		-o-animation:0.3s downFixOff 0.1s 1 ease-out forwards;
	}


	.main_section { width:100%; padding:20vw 10px; text-align:center; }	
	.main_section.wide { width:100%; }

	.section_tit { margin-bottom:15px; line-height:10vw; font-size:8vw; }
	.main_text, .main_desc { line-height:6vw; font-size:4.5vw;  margin:0 15px; }
	.box { margin:25px auto 0; }

	.counting_outer { margin-top:1.5vw; display:block; }
	.counting_outer dl { display:block; min-width:0; margin:15vw 0 0 0; font-size:4vw; }
	.counting_outer dl dt { font-size:4.5vw; }
	.counting_outer dl dd .counting_ani { font-size:15vw; }
	.counting_outer dl dd em { display:block; margin-top:7px; }


	.motion_top { position:relative; top:40px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }
	.motion_left { position:relative; left:auto; top:40px; filter:alpha(opacity=0); opacity:0; -moz-opacity:0; }


	.overTab_list { margin-top:35px; }
	.overTab_list li { margin:0 2px; }
	.overTab_list li span { padding:2px 1px; line-height:6vw; font-size:4.3vw; letter-spacing:-2px; }
	.overTab_con { padding-top:25px; }
	.overTab_con p { max-width:100%; line-height:6vw; font-size:4vw; }


	#section01 { /*padding-top:250px; margin-top:-215px;*/ } /* 기본 padding:35px 10px; */
	#section01 .play_img { top:50px; width:30%; margin:0 auto 15px auto;  }
	#section01 .play_img span { font-size:18px; }
	#section01 .main_text p { margin-bottom:30px; }
	#section01 .main_text .text_img img { vertical-align:middle; margin-top:-10px; }
	#section01 .enjoy { width:75%; margin:0 auto; }
	#section01 .enjoy .each { display:block; margin:25px 0 0 0; }
	#section01 .enjoy .each dt { padding-top:12px; font-size:18px; }
	#section01 .enjoy .each dd { padding-top:6px; line-height:20px; font-size:16px; }
	#section01 .box { text-align:center; }

	#section02 { padding-bottom:0; }
	#section02 .howto { position:relative; height:auto; }
	#section02 .howto .text { height:auto; }
	#section02 .howto .dart_board,
	#section02 .howto .tab_img { position:relative; top:0; right:0; margin-top:25px; }
	#section02 .howto .dart_board img,
	#section02 .howto .tab_img img { width:75%; }
	#section02 .howto .dart_board img { margin-bottom:20px; }
	#section02 .howto .tab_img .monitor { top:1.8%; left:20.1%; width:60%; height:42%; background:#000; margin-left:0; }
	#section02 .howto .tab_img .monitor img { width:100%; max-width:100%; }
	#section02 .howto .tab_img .monitor .play { margin-top:0; padding:2% 0; }

	#section02 .howto .tab_img img.machine,
	#section02 .howto .tab_img img.girl { width:75%; }



	#section03 .infos { position:relative; height:auto; }
	#section03 .infos .device_site { position:static; bottom:0; right:0; }
	#section03 .infos .device_site img { width:300px; }
	#section03 .infos .device_site2 { position:absolute; bottom:auto; top:50px; right:50%; margin-right:-152px; }
	#section03 .infos .device_site2 img { width:80px; }
	#section03 .tab_inner.notebook { width:223px; height:126px; top:13px; right:auto; left:50%; margin-left:-115px; }
	#section03 .tab_inner.phone { width:72px; height:131px; bottom:auto; top:62px; right:50%; margin-right:-148px; z-index:20; }
	#section03 .overTab_con { position:relative; height:auto; }
	#section03 .overTab_con .red_btn { position:static; margin-top:30px; }
	#section03 .infos .note_img img { width:85%; }

	#section04  { padding-bottom:0; text-align:center; }
	#section04 .overTab_list li { margin:0 2px; }
	#section04 .overTab_con p { max-width:100%; }
	#section04 .phone img { width:300px; }
	#section04 .tab_inner.phone { width:270px; height:359px; bottom:0; left:50%; margin-left:-135px; }
	#section04 .infos .overTab_con p.img img { width:75%; }

	#section05 .tree img { width:36%; margin:0 2%; }
	#section05 .txt span.big,
	#section05 .txt span.eu_big { padding:0; line-height:10vw; font-size:8vw; margin:12px 0; }
	#section05 .txt span.mid,
	#section05 .txt span.eu_mid { padding:0; line-height:6vw; font-size:4.5vw; }
	#section05 .partner { margin:17px 0; }
	#section05 .btn { margin:15px 0 0 0; }
	#section05 .btn a,
	a.red_btn { padding:7px 20px; }
	#section05 .btn a span,
	a.red_btn span { line-height:24px; font-size:18px; padding:0 20px; }
	#section05 .machine img { width:85%; }



	.active .motion_T_01 {
		animation:0.7s fadein 0.2s 1 ease-out forwards;
		-webkit-animation:0.7s fadein 0.2s 1 ease-out forwards;
		-moz-animation:0.7s fadein 0.2s 1 ease-out forwards;
		-o-animation:0.7s fadein 0.2s 1 ease-out forwards;
	}
	.active .motion_T_02 {
		animation:0.7s fadein 0.4s 1 ease-out forwards;
		-webkit-animation:0.7s fadein 0.4s 1 ease-out forwards;
		-moz-animation:0.7s fadein 0.4s 1 ease-out forwards;
		-o-animation:0.7s fadein 0.4s 1 ease-out forwards;
	}
	.active .motion_T_03 {
		animation:0.6s fadein 0.6s 1 ease-out forwards;
		-webkit-animation:0.6s fadein 0.6s 1 ease-out forwards;
		-moz-animation:0.6s fadein 0.6s 1 ease-out forwards;
		-o-animation:0.6s fadein 0.6s 1 ease-out forwards;
	}
	.active .motion_T_04 {
		animation:0.5s fadein 0.8s 1 ease-out forwards;
		-webkit-animation:0.5s fadein 0.8s 1 ease-out forwards;
		-moz-animation:0.5s fadein 0.8s 1 ease-out forwards;
		-o-animation:0.5s fadein 0.8s 1 ease-out forwards;
	}

	.active .motion_L_01 {
		animation:0.7s fadein 0.2s 1 ease-out forwards;
		-webkit-animation:0.7s fadein 0.2s 1 ease-out forwards;
		-moz-animation:0.7s fadein 0.2s 1 ease-out forwards;
		-o-animation:0.7s fadein 0.2s 1 ease-out forwards;
	}
	.active .motion_L_02 {
		animation:0.7s fadein 0.4s 1 ease-out forwards;
		-webkit-animation:0.7s fadein 0.4s 1 ease-out forwards;
		-moz-animation:0.7s fadein 0.4s 1 ease-out forwards;
		-o-animation:0.7s fadein 0.4s 1 ease-out forwards;
	}
	.active .motion_L_03 {
		animation:0.6s fadein 0.6s 1 ease-out forwards;
		-webkit-animation:0.6s fadein 0.6s 1 ease-out forwards;
		-moz-animation:0.6s fadein 0.6s 1 ease-out forwards;
		-o-animation:0.6s fadein 0.6s 1 ease-out forwards;
	}
	.active .motion_L_04 {
		animation:0.5s fadein 0.8s 1 ease-out forwards;
		-webkit-animation:0.5s fadein 0.8s 1 ease-out forwards;
		-moz-animation:0.5s fadein 0.8s 1 ease-out forwards;
		-o-animation:0.5s fadein 0.8s 1 ease-out forwards;
	}

	.mobile_br { display:block; }
	.pc_br { display:none; }


	#footer { padding-bottom:68px !important; }

}






/* keyframes ____________________ */
@keyframes onOff{
	0%{
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		filter:alpha(opacity=1); opacity:1;
	}
}
@-webkit-keyframes onOff{
	0%{
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		filter:alpha(opacity=1); opacity:1;
	}
}
@-moz-keyframes onOff{
	0%{
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		filter:alpha(opacity=1); opacity:1;
	}
}
@-o-keyframes onOff{
	0%{
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		filter:alpha(opacity=1); opacity:1;
	}
}


@keyframes zoomin{
	0%{
		transform:translate(0,0) scale(0.5,0.5);
		-ms-transform:translate(0,0) scale(0.5,0.5);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		transform:translate(0,0) scale(1,1);
		-ms-transform:translate(0,0) scale(1,1);
		filter:alpha(opacity=1); opacity:1;
	}
}
@-webkit-keyframes zoomin{
	0%{
		-webkit-transform:translate(0,0) scale(0.5,0.5);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		-webkit-transform:translate(0,0) scale(1,1);
		filter:alpha(opacity=1); opacity:1;
	}
}
@-moz-keyframes zoomin{
	0%{
		-moz-transform:translate(0,0) scale(0.5,0.5);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		-moz-transform:translate(0,0) scale(1,1);
		filter:alpha(opacity=1); opacity:1;
	}
}
@-o-keyframes zoomin{
	0%{
		-o-transform:translate(0,0) scale(0.5,0.5);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		-o-transform:translate(0,0) scale(1,1);
		filter:alpha(opacity=1); opacity:1;
	}
}

@keyframes fadein{
	0%{
		filter:alpha(opacity=0); opacity:0;
		top:100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		top:0;
	}
}
@-webkit-keyframes fadein{
	0%{
		filter:alpha(opacity=0); opacity:0;
		top:100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		top:0;
	}
}
@-moz-keyframes fadein{
	0%{
		filter:alpha(opacity=0); -moz-opacity:0;
		top:100px;
	}
	100%{
		filter:alpha(opacity=100); -moz-opacity:1;
		top:0;
	}
}
@-o-keyframes fadein{
	0%{
		filter:alpha(opacity=0); opacity:0;
		top:100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		top:0;
	}
}

@keyframes fadein_L{
	0%{
		filter:alpha(opacity=0); opacity:0;
		left:100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		left:0;
	}
}
@-webkit-keyframes fadein_L{
	0%{
		filter:alpha(opacity=0); opacity:0;
		left:100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		left:0;
	}
}
@-moz-keyframes fadein_L{
	0%{
		filter:alpha(opacity=0); -moz-opacity:0;
		left:100px;
	}
	100%{
		filter:alpha(opacity=100); -moz-opacity:1;
		left:0;
	}
}
@-o-keyframes fadein_L{
	0%{
		filter:alpha(opacity=0); opacity:0;
		left:100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		left:0;
	}
}

@keyframes fadein_R{
	0%{
		filter:alpha(opacity=0); opacity:0;
		right:-100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		right:0;
	}
}
@-webkit-keyframes fadein_R{
	0%{
		filter:alpha(opacity=0); opacity:0;
		right:-100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		right:0;
	}
}
@-moz-keyframes fadein_R{
	0%{
		filter:alpha(opacity=0); -moz-opacity:0;
		right:-100px;
	}
	100%{
		filter:alpha(opacity=100); -moz-opacity:1;
		right:0;
	}
}
@-o-keyframes fadein_R{
	0%{
		filter:alpha(opacity=0); opacity:0;
		right:-100px;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		right:0;
	}
}

@keyframes move_R{
	0%{
		left:100%;
	}
	100%{
		left:0;
	}
}
@-webkit-keyframes move_R{
	0%{
		left:100%;
	}
	100%{
		filter:alpha(opacity=100); opacity:1;
		left:0;
	}
}
@-moz-keyframes move_R{
	0%{
		left:100%;
	}
	100%{
		left:0;
	}
}
@-o-keyframes move_R{
	0%{
		left:100%;
	}
	100%{
		left:0;
	}
}

@keyframes fadeout{
	0%{
		filter:alpha(opacity=100); opacity:1;
		top:0;
	}
	100%{
		filter:alpha(opacity=0); opacity:0;
		top:100px;
	}
}
@-webkit-keyframes fadeout{
	0%{
		filter:alpha(opacity=100); opacity:1;
		top:0;
	}
	100%{
		filter:alpha(opacity=0); opacity:0;
		top:100px;
	}
}
@-moz-keyframes fadeout{
	0%{
		filter:alpha(opacity=100); -moz-opacity:1;
		top:0;
	}
	100%{
		filter:alpha(opacity=0); -moz-opacity:0;
		top:100px;
	}
}
@-o-keyframes fadeout{
	0%{
		filter:alpha(opacity=100); opacity:1;
		top:0;
	}
	100%{
		filter:alpha(opacity=0); opacity:0;
		top:100px;
	}
}

@keyframes slideout{
	0%{
		left:0;
	}
	100%{
		left:100%;
	}
}
@-webkit-keyframes slideout{
	0%{
		left:0;
	}
	100%{
		left:100%;
	}
}
@-moz-keyframes slideout{
	0%{
		left:0;
	}
	100%{
		left:100%;
	}
}
@-o-keyframes slideout{
	0%{
		left:0;
	}
	100%{
		left:100%;
	}
}

@keyframes swipeout {
	100%{
		left:300%;
	}
}

@-webkit-keyframes swipeout {
	100%{
		left:300%;
	}
}

@-moz-keyframes swipeout {
	100%{
		left:300%;
	}
}

@-o-keyframes swipeout {
	100%{
		left:300%;
	}
}

@keyframes slidedown{
	0%{
		transform:translate(-50%,-60%);
		-ms-transform:translate(-50%,-60%);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		filter:alpha(opacity=100); opacity:1;
	}
}
@-webkit-keyframes slidedown{
	0%{
		transform:translate(-50%,-60%);
		-ms-transform:translate(-50%,-60%);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		filter:alpha(opacity=100); opacity:1;
	}
}
@-moz-keyframes slidedown{
	0%{
		transform:translate(-50%,-60%);
		-ms-transform:translate(-50%,-60%);
		filter:alpha(opacity=0); opacity:0; -moz-opacity:0;
	}
	100%{
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		filter:alpha(opacity=100); opacity:1; -moz-opacity:1;
	}
}
@-o-keyframes slidedown{
	0%{
		transform:translate(-50%,-60%);
		-ms-transform:translate(-50%,-60%);
		filter:alpha(opacity=0); opacity:0;
	}
	100%{
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		filter:alpha(opacity=100); opacity:1;
	}
}

@keyframes bounce {
	0% {
		top:2%;
	}
	20%{
		top:6%;
	}
	100% {
		top:2%;
	}
}

@-webkit-keyframes bounce {
	0% {
		top:2%;
	}
	20%{
		top:6%;
	}
	100% {
		top:2%;
	}
}

@-moz-keyframes bounce {
	0% {
		top:2%;
	}
	20%{
		top:6%;
	}
	100% {
		top:2%;
	}
}

@-o-keyframes bounce {
	0% {
		top:2%;
	}
	20%{
		top:6%;
	}
	100% {
		top:2%;
	}
}



@keyframes downFix{
	0%{
		left:12%;
		bottom:6%;
		width:76%;
	}
	100%{
		left:0;
		bottom:0;
		width:100%;
	}
}
@-webkit-keyframes downFix{
	0%{
		left:12%;
		bottom:6%;
		width:76%;
	}
	100%{
		left:0;
		bottom:0;
		width:100%;
	}
}
@-moz-keyframes downFix{
	0%{
		left:12%;
		bottom:6%;
		width:76%;
	}
	100%{
		left:0;
		bottom:0;
		width:100%;
	}
}
@-o-keyframes downFix{
	0%{
		left:12%;
		bottom:6%;
		width:76%;
	}
	100%{
		left:0;
		bottom:0;
		width:100%;
	}
}



@keyframes downFixOff{
	0%{
		left:0;
		bottom:0;
		width:100%;		
	}
	100%{
		left:12%;
		bottom:6%;
		width:76%;		
	}
}
@-webkit-keyframes downFixOff{
	0%{
		left:0;
		bottom:0;
		width:100%;		
	}
	100%{
		left:12%;
		bottom:6%;
		width:76%;		
	}
}
@-moz-keyframes downFixOff{
	0%{
		left:0;
		bottom:0;
		width:100%;		
	}
	100%{
		left:12%;
		bottom:6%;
		width:76%;		
	}
}
@-o-keyframes downFixOff{
	0%{
		left:0;
		bottom:0;
		width:100%;		
	}
	100%{
		left:12%;
		bottom:6%;
		width:76%;		
	}
}