@charset "utf-8";


/* ----------------------------------------------------------------------------ResetStyle*/

a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
	font-size:100%;
	vertical-align:baseline;
	white-space:normal;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section{ display:block; }
ol,ul,li{ list-style:none; }
blockquote, q{ quotes:none; }
table{ border-collapse:collapse; border-spacing:0; }
img, td{ vertical-align:top; }
/*img{ vertical-align:bottom; }*/
address,em,cite { font-style:normal; }
fieldset {border:none; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }


/* ----------------------------------------------------------------------------Clear Fix*/

/* For modern browsers */
.cf:before,
.cf:after { content:"";display:block;overflow:hidden; }
.cf:after { clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }

.clear{ clear:both; }


/* ----------------------------------------------------------------------------Font*/

body{
	font-family:"Hiragino Kaku Gothic Pro", Helvetica, sans-serif;
	line-height:1;
	-webkit-text-size-adjust:100%;
	/*FontRendering*/
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight:normal;
}

.fontPL{
	font-family: 'Play', sans-serif;
}

.colorW{
	color: #fff;
}
.colorB{
	color: #fff100;
}


/* ----------------------------------------------------------------------------Link*/

a{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}
a:focus{
	outline: none;
}


/* ----------------------------------------------------------------------------Layout*/

body{
	background:#000;
	color:#fff;
}

#wrapper{
	width:100%;
}


/* ----------------------------------------------------------------------------Loding*/

#loding{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 80px;
	height: 80px;
	z-index: -50;
}

.sk-cube-grid{
	margin: 0 auto;
	width: 80px;
	height: 80px;
}
.sk-cube-grid .sk-cube{
	float: left;
	width: 33.33%;
	height: 33.33%;
	background-color: #00ffff;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1{
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube2{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3{
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4{
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5{
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7{
	-webkit-animation-delay: 0.0s;
	animation-delay: 0.0s;
}
.sk-cube-grid .sk-cube8{
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9{
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay{
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
}
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay{
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1); }
	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}