@charset "utf-8";
/* CSS Document */

.footer-21-2{
	margin:0;

	min-height:423px;
	background:url(../images/footer-21-1/bg-footer.png) top center no-repeat;
}
.footer-21-2.footerin{
	margin:0;
	position:relative;
}
.footer-name{
	    width: 227px;
	    height: 108px;
	    position: absolute;
	    top: 180px;
	    left: 50%;
	    margin-left: -113px;
}
.footer-social{
	width: 153px;
	position: absolute;
	top: 275px;
	left: 50%;
	margin-left: -76px;
}
.gun-all{
	position: relative;
	width:100%;
	height:auto;
}

.gun-all .gun-base{
	width: 568px;
    height: 141px;
    position: absolute;
    top: 202px;
    left: 50%;
    margin-left: -284px;
}
.gun-all .gun-body{
	width:559px;
	height:285px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-279px;
}

.gun-all .gun-body .gun-1{
	width: 559px;
	height: 153px;
	position: absolute;
	top: 42px;
	left: 50%;
	z-index:1;
	margin-left: -279px;
	-webkit-animation: 6s gun both linear infinite ;
  		  animation: 6s gun both linear infinite ;	
}
	@keyframes gun {
	0% {
        -webkit-transform:  translate(0, 0px);
    }
    50% {
        -webkit-transform: translate(0px, 0px);
    }
	53% {
        -webkit-transform: translate(10px, 2px);
    }
	55% {
        -webkit-transform: translate(0px, 0px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
    }
}

.gun-all .bullet{
	width:177px;
	height:67px;
	position: absolute;
    top: 50px;
    left:50px;

	z-index:0;
	-webkit-animation: 6s shooter both ease-in-out infinite ;
  		  animation: 6s shooter both ease-in-out infinite ;	
		 
}
	@keyframes shooter {
	0% {
   		opacity:0;
    }
    50% {
		left:-20px;
     opacity:0.2;
	 transform: scale(0.5,0.5);
    }
	53% {
		left:-250px;
     opacity:0.5;
	 transform: scale(3, 5);
    }
	70% {
     opacity:0;
	 transform: scale(4, 6);
    }
    100% {
     opacity:0;
    }

}
  

.gun-all .gun-body .gun-2{
	    width: 271px;
	    height: 132px;
	    position: absolute;
	    top: 96px;
	    left: 50%;
	    margin-left: -135px;
-webkit-animation: 6s wheel both linear infinite ;
  		  animation: 6s wheel both linear infinite ;	
}
	@keyframes wheel {
	0% {
        -webkit-transform:  translate(0, 0px);
    }
    50% {
        -webkit-transform: translate(0px, 0px);
    }
	53% {
        -webkit-transform: translate(-5px, 0px);
    }
	55% {
        -webkit-transform: translate(0px, 0px);
    }
    100% {
        -webkit-transform: translate(0, 0px);
    }
}



.footer-address{
	position:relative;
	margin:0;
	    top: 160px;
}
.footer-address .footer-addressin{
	position: absolute;
	top: 25px;
	left: 0;
	padding-bottom: 10px;
	width: 358px;
	font: 25px/25px 'THK2DJuly8', Arial, sans-serif;
	color: #fff;
	background: url(../images/footer-21-1/line-yellow.png) bottom left no-repeat;
}
.footer-address .footer-tel{
	position:absolute;
	top: 90px;
	left:0;
	width:358px;
	font: 25px/25px 'THK2DJuly8', Arial, sans-serif;
	color:#fff;
}
.footer-menu{
	color:#fff;
	width:580px;
	height:42px;
	position:absolute;
	top:360px;
	left:50%;
	font-size:14px;
	margin-left:-290px;
	text-align:center;
}
.footer-menu a{
	color:#fff;
}
.footer-menu a:hover{
	color:#fee773;
}
.copyright{
	color: #fff;
	width: 480px;
	position: absolute;
	font-size: 12px;
	top: 400px;
	left: 0;
}
.copyright a{
	color:#ffe158;
}
.copyright a:hover{
	color:#f6ce13;
}
.footer-stat{
	    position: absolute;
	    top: 399px;
	    width: 510px;
	    left: -226px;
	    font-size: 12px;
	    font-family: Arial, Tahoma, Verdana, sans-serif;
	    line-height: 18px;
	    color: #333;
}
.admin-all{
    float:left;
	margin-left:97px;
    position:relative;
    width: 280px;
    font-family:Arial, Helvetica, sans-serif;	
}
.since{
    float:left;
    width: 180px;
    color: #e2c955;
}
.admin-system{
    position:relative;
    float:left;
    width:110px;
    height:24px;
    margin-left:0px;
    padding:3px;
    font-size:12px;
    line-height:13px;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-position:4% 50%;
}
.admin-system .notification{
    position:absolute;
    top:2px; right:0px;
    width:32px;
    height:16px;
    background:url(../images/footer-21-1/notification_bg.png) top left no-repeat;
    text-align:center;
    color:#fff;
    font-size:11px;
    line-height:16px;
}
.admin-system a{
    color:#ada05a;
    display:block;
    width:100%;
}
.stat{
    float:left;
    /* width:50px; */
    height:18px;
    margin:-1px 0 0 5px;
    padding:0 5px;
     background:#050c14;
    color:#aa9a47;
    line-height:18px;
}
.hi-stat{
    float:left;
    width: auto;
    height:18px;
    margin:-1px 0 0 5px;	
}		
@media (max-width: 575px) { 
	.footer-name {
       top: 60px;
 }
	.footer-address{
	   top: 133px;
	}
	.footer-social{
	   top: 300px;
	}
	.gun-all{
		display:none;
	}
	.footer-menu{
		display:none;
	}
	.copyright{
	    font-size: 10px;
	    top: 349px;
	    width: 100%;
	}
	.footer-stat{
		 left: -83px;
		 top: 382px;
	}
 }
@media (min-width: 576px) and (max-width: 767px) { 
	.footer-name {
       top: 30px;
	}
	.footer-address{
	   top: 133px;
	}
	.footer-social{
	   top: 300px;
	}
	.gun-all{
		display:none;
	}
	.footer-menu{
		display:none;
	}
	.copyright{
	    font-size: 10px;
    	top: 358px;	
	}
	.footer-stat{
		 left: -83px;	
		 top:382px;
	}
 }
@media (min-width: 768px) and (max-width: 991px) { 
	.footer-name {
       top: 160px;
    left: 182px;
	}
	.footer-address{
	      top: 133px;
   		 right: -300px;
	}
	.footer-social{
	   top: 292px;
	}
	.gun-all{
		display:none;
	}
	.footer-menu{
		display:none;
	}
	.copyright{
	    font-size: 13px;
    	top: 358px;	
		width:500px;
	}
	.footer-stat{
		 left: -99px;	
	}
 }
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) { ... }