@charset "utf-8";

@font-face {
    font-family: 'rocket';
    src: url('rocket.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#domain_wrap {float:left; width:100%; height:100vh; background:url("../images/bg_login2.jpg") center top no-repeat; background-size:100% 100%;}
.domain_box {margin:0px auto; width:1300px;}

.domain_logo {float:left; width:100%; text-align:center; margin:20px 0 0 0;}
.domain_logo{
	animation-name: domain_logo;
	-webkit-animation-name: domain_logo;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes domain_logo {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
	60%{
		transform: translateY(-100%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

.domain_text1 {float:left; width:100%; text-align:center; margin:0 0 0 0;}
.domain_title {float:left; width:100%; text-align:center; margin:10px 0 0 0;}

.domain_btn_wrap {float:left; width:100%; text-align:center; margin:10px 0 0 0;}
.domain_btn_wrap ul li {display:inline-block; margin:0 10px 0 10px;}

.domain_btn {background:linear-gradient(to right, #f3bc3e 0%, #8d540f 20%, #ffef5e 50%, #8d540f 80%, #f3bc3e 100%); min-width:340px; height:70px; line-height:70px; text-align:center; display:inline-block; font-family:'rocket'; color:#000000; font-size:32px; font-weight:300; letter-spacing:0pt; border-radius:5px; padding:0 20px 0 20px; text-shadow:1px 1px 1px rgba(255,255,255,0.4);}
.domain_btn:hover {background:linear-gradient(to right, #000000 0%, #8d540f 5%, #ffef5e 50%, #8d540f 95%, #000000 100%); box-shadow:rgba(0,0,0,0.8) 2px 10px 10px -1px;}
.domain_btn{
	animation-name: domain_btn;
	-webkit-animation-name: domain_btn;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes domain_btn {
	0% {
		transform: scale(1.04);		
	}
	50% {
		transform: scale(1);
	}	
	100% {
		transform: scale(1.04);
	}			
}


.domain_text_domain {float:left; width:100%; text-align:center; line-height:26px; color:#dca789; font-family:'rocket'; font-size:36px; font-weight:300; text-shadow:1px 10px 10px rgba(0,0,0,0.8); margin:40px 0 0 0;}
.domain_text_domain_font {color:#ffcc00; font-size:58px; margin:0 0 0 20px;}
.domain_text_domain_font {
	animation-name: domain_text_domain_font;
	-webkit-animation-name: domain_text_domain_font;
		
	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;

}

@keyframes domain_text_domain_font {
    0%   {color:#1a468a;}
    50%  {color:#ffcc00; }
    100%  {color:#1a468a;}
}


.domain_text2 {float:left; width:100%; text-align:center; margin:20px 0 0 0;}

.domain_customer_wrap {float:left; width:100%; text-align:center; margin:10px 0 0 0;}
.domain_customer_wrap ul li {display:inline-block; margin:0 3px 0 3px;}
.domain_customer_btn {background:rgba(0,0,0,0.6); height:70px; line-height:70px; text-align:center; display:inline-block; font-family:'rocket'; color:#ffffff; font-size:20px; font-weight:300; letter-spacing:0pt; border-radius:100px; padding:0 30px 0 20px;}
.domain_custome_font1 {color:#fddc3f;}
.domain_custome_font2 {color:#3ec4ff;}

.domain_text3 {float:left; width:100%; text-align:center; margin:20px 0 0 0;}