@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}

#mainbg{
	position: fixed;
	top: 0;
	background: url("../image/first/energy.jpg") no-repeat fixed;
	background-size: cover;
}
.loading{
	
	z-index: 1000;
	position: fixed;
	top: 0;
	
}
#mainbg,#mainbox,#btn1,#btn2,#btn3,#fs{
	display: none;
}
.logo1{
	width: 75%;
	
}
.box0{
	margin: 40px;
	opacity: 0.85;
	border-radius: 40px;
}

.logotxt{
	width: 80%;
}
.txtbox{
	margin: 0px auto;
	padding: 20px;
	width: 80%;
	border-radius: 30px;
	background-color: rgba(255,255,255,0.75);
}
.btnshape{
	border-radius: 25px;
	overflow: hidden;
}
a{
	height: 80px;
}

.footsign{
	height: 30px;
	background: url("../image/vector/fs-bg.png") no-repeat center;
	background-size: 300px;
}
.designerlink{
	margin: 0px auto;
	width: 310px;
	height: 30px;
}
.cpyrgts{
	text-shadow: 2px 2px 4px #000000;
}

.spin{
    height:auto;
    width:auto;
    position:absolute;
    left:45%;
    top:45%;
    transform:translate(-55%, -55%);
}
.spin span{
    height:56px;
    width:56px;
    border:1px solid white;
    display:block;
    border-radius:50%;
    position:absolute;
    left:45%;
    top:45%;
    transform:translate(-55%, -55%);
    animation:spin 1500ms ease-in-out infinite;
}
.spin .one{
    animation-delay:500ms;
    animation:spin 1000ms ease-in-out infinite;
}
.spin .two{
    animation:spin 1600ms ease-in-out infinite;
    animation-delay:300ms;
    border:10px solid gold;
}
.spin .two{
    animation:spin 2000ms ease-in-out infinite;
    border-color:white;
}

@keyframes spin{
    0%{
        transform:scale(0);
        opacity:1;
    }
    100%{
        transform:scale(1.5);
        opacity:0;
    }
}
@keyframes hide{
    0%{
        opacity:0;
    }
    10%{
        opacity:1;
    }
    100%{
        opacity:1;
    }
}