/*
紫色8000bc
 */
*/
 */
ul { margin: 0; padding: 0; }
li { list-style: none; }
em { font-style: normal; font-weight: bold; }
a:hover, a:focus { text-decoration: none; }
html,body { height: 100%; width: 100%; padding: 0; margin:0;}
body { background-color: #f9f6f5; }
/*/////////////////////////////////////*/
@keyframes ani-fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes ani-crotate {
	from { 
		opacity: 0; 
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
	}
	to { 
		opacity: 1; 
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
	}
}


/*//////////////////////////////////////////////*/
.wrap-main { height: 100%;  }
.wrap-main > .bg { position: fixed; height: 100%; width: 100%; background: url(../images/bg.jpg) no-repeat 100% 100%; background-size: 75% auto; z-index: 1; top: 0; left: 0;
	-moz-animation: ani-fadein 3s;
	-webkit-animation: ani-fadein 3s;
	-o-animation: ani-fadein 3s;
	animation: ani-fadein 3s;
	/* -webkit-animation-delay: 10s; */
	/* animation-delay: 10s; */
	-webkit-animation-fill-mode: backwards;	
	animation-fill-mode: backwards;	
}
.wrap-main > .wrap-1 { height: 85%; position: relative; z-index: 2; overflow: hidden;}
	.wrap-main > .wrap-1 > .ac-smalltxt-1, 	.wrap-main > .wrap-1 > .ac-smalltxt-2 { position: absolute;  }
	.wrap-main > .wrap-1 > .ac-smalltxt-1 { height: 180px; width: 30px; background: url(../images/ac-txt-1.png) no-repeat 50% 50%; right: 50%; top: 20%; background-size: 20px auto;
		-moz-animation: ani-fadein 2s;
		-webkit-animation: ani-fadein 2s;
		-o-animation: ani-fadein 2s;
		animation: ani-fadein 2s;
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
		-webkit-animation-fill-mode: backwards;	
		animation-fill-mode: backwards;	
	}
	.wrap-main > .wrap-1 > .ac-smalltxt-2 { height: 180px; width: 30px; background: url(../images/ac-txt-2.png) no-repeat 50% 50%; right: 47%; top: 35%; background-size: 20px auto;
		-moz-animation: ani-fadein 2s;
		-webkit-animation: ani-fadein 2s;
		-o-animation: ani-fadein 2s;
		animation: ani-fadein 2s;
		-webkit-animation-delay: 2.5s;
		animation-delay: 2.5s;
		-webkit-animation-fill-mode: backwards;	
		animation-fill-mode: backwards;	
	}
	.wrap-main > .wrap-1 > .ac-rotate { width: 500px; height: 500px; background: url(../images/ac-circle.png) no-repeat 50% 50%; background-size: contain; position: absolute; left: 5%; top: 20%; 
		animation: ani-crotate 4s;
		-moz-animation: ani-crotate 3s;
		-webkit-animation: ani-crotate 3s;
		-o-animation: ani-crotate 3s;
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
		-webkit-animation-fill-mode: backwards;	
		animation-fill-mode: backwards;	

	}

	.wrap-main > .wrap-1 > .ac-main { width: 120px; height: 320px;  background: url(../images/ac-main.png) no-repeat 50% 50%; background-size: contain; position: absolute; left: 18.1%; top: 35%; 
		-moz-animation: ani-fadein 2s;
		-webkit-animation: ani-fadein 2s;
		-o-animation: ani-fadein 2s;
		animation: ani-fadein 2s;
		-webkit-animation-delay: 4s;
		animation-delay: 4s;
		-webkit-animation-fill-mode: backwards;	
		animation-fill-mode: backwards;	
	}

.wrap-main > .wrap-2 { height: 15%; position: relative; text-align: center; z-index: 3; overflow: hidden;
		-moz-animation: ani-fadein 2s;
		-webkit-animation: ani-fadein 2s;
		-o-animation: ani-fadein 2s;
		animation: ani-fadein 2s;
		-webkit-animation-delay: 7s;
		animation-delay: 7s;
		-webkit-animation-fill-mode: backwards;	
		animation-fill-mode: backwards;	
}
.wrap-main > .wrap-2 > a.enter { width: 264px; height: 65px; background: url(../images/enter.png) no-repeat; display: block; margin: 0 auto; 
	-webkit-transition: all .3s ease-in-out;
       	 -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.wrap-main > .wrap-2 > a.enter:hover {  
	-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-o-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.wrap-main > .wrap-2 > a.enter:focus {  
	-ms-transform: scale(0.95,0.95);
	-webkit-transform: scale(0.95,0.95);
	-o-transform: scale(0.95,0.95);
	-moz-transform: scale(0.95,0.95);
	transform: scale(0.95,0.95);
}