@charset "utf-8";
/* CSS Document */
body {
    overflow-y:auto;
    overflow-x:hidden;
    padding: 0;
	font-family: 'Open Sans', sans-serif;
	background:#fff;
	font-size:13px;
	text-decoration:none;
	margin:0;
/**	cursor: url(../images/sharedImg/cursor_square.png), default;
**/
}

h1 {
	font-family: 'Teko', sans-serif;
	font-size:50px;
	font-weight:500;
	display:block;
	margin:0;
	padding:0;
	letter-spacing:2px;
	line-height:76px;
	color:#666;
	-webkit-transition: font-size 0.6s ease-in-out;
	-moz-transition: font-size 0.6s ease-in-out;
	-o-transition: font-size 0.6s ease-in-out;
	transition: font-size 0.6s ease-in-out;
}
h2 {
	font-family: 'Teko', sans-serif;
	font-size:34px;
	font-weight:500;
	display:block;
	margin:0;
	padding:0;
	color:#666;
	letter-spacing:0;
	line-height: 40px;
	-webkit-transition: font-size 0.6s ease-in-out;
	-moz-transition: font-size 0.6s ease-in-out;
	-o-transition: font-size 0.6s ease-in-out;
	transition: font-size 0.6s ease-in-out;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	font-weight:500;
	display:block;
	margin:24px 0 6px 0;
	padding:0;
	color:#666;
	letter-spacing:1px;
	-webkit-transition: font-size 0.6s ease-in-out;
	-moz-transition: font-size 0.6s ease-in-out;
	-o-transition: font-size 0.6s ease-in-out;
	transition: font-size 0.6s ease-in-out;
}
a {
	color:#009cc9;
	text-decoration: none;
	font-size: 13px;
	margin: 25px 0 7px 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
	}
a:hover {
	text-decoration: overline;
}
textarea{
	font-family: 'Open Sans', sans-serif;
	}
ul, li {
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	display:block;
	list-style:none;
	}
p {
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	color:#999;
	word-spacing:2px;
	line-height: 33px;
	}

  #header {
	color: white;
	padding:0;
	width:100%;
    height:49px;
	border:none;
 	}
	#header .logo_mobile{
		background-size:19px auto;
		background-repeat:no-repeat;
		height:25px;
		width:19px;
		float:left;
		display:none;
		margin:12px;
		opacity:1;
		cursor:pointer;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		}
	#header .logo_mobile:hover{
		opacity:0.6;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		}
	#header .menuHolder{
		 margin: 0 auto;
		 width:1024px;
		 height:49px;
		 overflow:hidden;
		}	
			#header .menuHolder ul{
				 width: 100%;
			}
			#header .menuHolder ul .logo{
				width:auto;
				margin:7px 0 0 0;
			}
				#header .menuHolder ul .logo a{
					opacity:1;
				}
			#header .menuHolder ul li a{
				color:#fff;
				text-decoration:none;
				opacity:1.0;
				-webkit-transition: opacity 0.3s ease-in-out;
				transition: opacity 0.3s ease-in-out;
				}
			#header .menuHolder ul li a:hover{
				opacity:0.6;
				-webkit-transition: opacity 0.3s ease-in-out;
				transition: opacity 0.3s ease-in-out;
				}
				#header .menuHolder ul li .activeState{
					opacity:0.6;
					}

			#header .menuHolder ul .language{
				margin: 14px 0 0 0;
				width: 64px;
				overflow:hidden;
				}
				#header .menuHolder ul .language ul{
					width: auto;
					height:20px;
					position:absolute;
					z-index:50;
					overflow:hidden;
					-webkit-transition: height 0.4s ease-in-out;
					transition: height 0.4s ease-in-out;
				}
				#header .menuHolder ul .language ul:hover{
					height: 123px;
					-webkit-transition: height 0.2s ease-in-out;
					transition: height 0.2s ease-in-out;
					}
					#header .menuHolder ul .language ul li{
						margin:0;
						padding:0;
						float:none;
					}

						#header .menuHolder ul .language ul li a{
							display: block;
							text-align: center;
							width: 64px;
							text-decoration:none;							
							opacity:1;
							height:20px;
							font-weight:bold;
							margin: 0;
							-webkit-transition: background 0.2s ease-in-out;
							transition: background 0.2s ease-in-out;
							}
						#header .menuHolder ul .language ul li a:hover{
							-webkit-transition: background 0.2s ease-in-out;
							transition: background 0.2s ease-in-out;
							}
			#header .menuHolder ul li{
				color:#fff;
				float:left;
				width:auto;
				padding: 0 0 0 5%;
				margin:15px 0 0 0 ;
			}
			#header .menuHolder ul li .logoSA {
				display: block;
				width: 19px;
				margin-top: 5px;
			}
	
	
	
	
	
	.menuMobileIgnite{
		display:none;
	}	
		#header ul li .logoSA img {
			width:100%;
			}
		#header .menu .lang{
			display:none;
			float: right;
			height: 18px;
			margin: 1px 0 22px 22px;
			width: 430px;
			position:relative;
			}
		#header .menu .lang ul{
			margin:0 0 0 0;
			margin-top:0;
			display:block;
			list-style-type:none;
			padding:0;
			width:50px;
			float:right;
			height:17px;
			overflow:hidden;
			position:absolute;
			right:1px;
			-webkit-transition: width 0.1s ease-in-out;
			transition: width 0.1s ease-in-out;
			}

		#header .menu .lang ul:hover{
			width:500px;
			}
			#header .menu .lang .lang_li{
				float:right;
				clear:none;
				width:50px;
				padding:0 10px 0 10px;
				text-align: center;
				padding:0;
				background-color:#fff;
				opacity:0.8;
				line-height:17px;
				margin:0 0 0 1px;
				}
				#header .menu .lang .lang_li .lang_a{
					text-decoration:none;
					font-weight:bold;
					text-align:center;
					}
				#header .menu .lang .lang_li .lang_a:hover{
					}
					
		#header .menu{
			margin:0 0 0 0;
			display:none;
			float:right;
			list-style-type:none;
			padding:0;
			width:485px;
			padding:23px 2% 0 0;
			clear:right;
			height:40px;
			}
		#header .menuMobile{
			display:none;
			}
			#header .menu li{
				text-align:right;
				float:right;
				margin:0 0 0 22px;
				font-size:12px;
				}
				#header .menu li a{
					color:#fff;
					text-decoration:none;
					font-weight:bold;
					opacity:0.6;
					-webkit-transition: opacity 0.3s ease-in-out;
					transition: opacity 0.3s ease-in-out;
					}
				#header .menu li .activeState{
					opacity:1;
					}
				#header .menu li a:hover{
					opacity:1;
					}
					#header .menuMobile .lang_li_Mobile{
						font-family: 'Open Sans', sans-serif;
					}
	.footer{
		width:100%;
		height:580px;
		float:left;
		}	
		.footer div{
			margin:0 auto;
			width:100%;
			padding: 50px 0 0 0;
			}	
			.footer div ul{
				display:block;
				float:left;
				list-style-type:none;
				padding:0;
				margin:0px;
				clear:right;
				width:30%;
				padding:0 2% 0 2%;
				}	
				.footer div ul li{
					float:left;
					margin: 6px 13px 0 0;
					}
					.footer div ul li a{
						opacity:1.0;
						-webkit-transition: opacity 0.3s ease-in-out;
						transition: opacity 0.3s ease-in-out;
						}
						.footer div ul li .activeState{
							opacity:0.6;
							}
						.footer div ul li a:hover{
							opacity:0.6;
							}
					.footer div ul li a img{
						height:45px;
						width:auto;
						}
			.footer div .menu{
				float: right;
				margin: 21px 0 0;
				width: 62%;
				}
				.footer div .menu li{
					float: right;
					margin: 0 0 0 4%;
					}
					.footer div .menu li a{
						color:#fff;
						text-decoration:none;
						}
			.footer div div{
				width:100%;
				float:left;
				border-top:1px solid #fff;
				margin: 33px 0 0 0;
				float:left;
				padding-top:110px;
				}	
					.footer div img{
						display: block;
						margin: 0 auto;
						width:40px;
						height:auto;
						}	
	.socialNetwork{
		margin: 0 auto;
		width:100%;
		height:auto;
		text-align:center;
		margin-bottom:50px;
		float:left;
		margin-top:12px;
   		}
		.socialNetwork ul{
			display:table;
			margin:0 auto;
			background:none;
			width:700px;
			padding-top:10px;
			}
			.socialNetwork ul li{
				width:24.5%;
				height:auto;
				float:left;
				background:none;
				margin:0px;
				text-align:center;
				padding:0;
				-webkit-transition: width 0.6s ease-in-out;
				-moz-transition: width 0.6s ease-in-out;
				-o-transition: width 0.6s ease-in-out;
				transition: width 0.6s ease-in-out;
				}	
/*login*/
.loginMain{
	text-align:center;
	width:100%;
	height:2000px;
	padding:8% 0 0 0 ;
	background-image:url(../images/sharedImg/cube_login_ninja.png);
	background-position: center -292px;
	background-repeat:no-repeat;
	
	}
	.loginMain img{
		width:200px;
		height:auto;
		}
	.loginMain ul{
		}
		.loginMain ul li{
			}
			.loginMain ul li input{
				font-size: 25px;
				height: 60px;
				letter-spacing: 6px;
				-webkit-appearance: none;
    			border-radius: 0;
				padding:0;
				border:none;
				}
			.loginMain ul li .passwordInput{
				margin-top: 30px;
				text-align: center;
				width: 300px;
				}
			.loginMain ul li .passwordSubmit{
				margin-top: 11px;
				text-align: center;
				width: 300px;
				}
			.loginMain ul li{
				color:#333;
				}
			.loginMain ul .lang {
				margin-top:50px;
				}
				.loginMain ul .lang a{
					height: 26px;
					padding: 7px 0 0;
					width: 46px;
					margin:0;
					font-weight:bold;
				}
				.loginMain ul .lang a:hover{
					text-decoration:none;
				}
				.loginMain ul .lang .gotSelect{
					text-decoration:none;
				}
				.loginMain ul .lang .jp{
				}
				.loginMain ul .lang .ar{
				}
			.loginMain ul .accessText {
				margin-top:10px;
				}
				.loginMain ul li a{
					display: inline-block;
					font-size: 14px;
					margin-top: 33px;
					width: auto;
					}