@charset "utf-8";
@import url("common/default.css");
body{ background: #b3aa80;}
.bg2 { height: 100%; width: 100%; background:#000; opacity: 0.6;position: fixed; top: 0; left: 0; z-index: 9; display: none;  }
.mbg{
	display: none;
}
.main {
	position:relative;
}
.bg {
	width: 100%;
	max-width: 1920px;
}
.sloganBox {
	position: absolute;
	top: 4%;
	left: 5%;
	width: 15%;
	text-align: left;
}
.sloganBox .logo {
	width: 100%;
}
.twitter-bt {
	position: absolute;
	top: 6%;
	right: 3%;
	width: 10%;
}
.twitter-bt img {
	width: 35%;
}
.twitter-bt:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.video {
	position: absolute;
	top: 50%;
	left: 52.5%;
	transform: translate(-50%,-160%);
	width: 10%;
	text-align: left;
}
.video img {
	width: 50%;
}
.video .img {
	position: absolute;
	top: 0;
	left: 0;;
}
.BtnBox {
	position: absolute;
	width: 100%;
	top: 70%;
	text-align: center;
}
.BtnBox li {
	display: inline;
}
.BtnBox a{
	
}
.BtnBox img{
	width: 16%;
	margin: 0 10px;
	transition: .3s;
}
.BtnBox a:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);	
}
.heart{
	animation: heart 1s ease-in-out 1s infinite alternate;
	}
@keyframes heart{
from{transform:translate(0,0)}
to{transform:translate(0,10px)}
}
	
.footer {
	background: #b3aa80 url("https://rescdn.imtxwy.com/kdf/home/footer_bg.jpg") no-repeat center top;
	background-size:100%;
	max-width: 1920px;
	color: #392a18;
}
.footer a{
	color: #392a18;
}
.fooBox{
	padding: 30px 0 28px;
}
.footer li{
	display: inline;
}
.footer .xdg{
	padding: 10px;
}
.footer .xdg img{
	width: 25%;
}
.footer p span {
	margin:  0 10px;
	font-family:  Arial, 'Arial Narrow',sans-serif;
}

#modal-code {
	width: 380px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	border-radius: 10px;
	text-align: center;
	padding: 0 0 30px;
	z-index: 99;
	display: none;
}
#modal-code img {
	width: 60%;
}
.uk-modal-title {
	text-align: right;
	padding: 5px 15px 0 0;
	margin: 0 0 -5px;
	font-size: 24px;
}
.qr-code {
	line-height: 1.6;
	font-size: 14px;
}
.vodif {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 960px;
	display: none;
	z-index: 99;
}
@media (max-width: 1024px) {
	.bg{
		display: none;
	}
	.mbg{
		display: block;
	}
	.mbg{
		width: 100%;
	}
	.sloganBox {
		top: 80%;
		width: 90%;
		text-align: center;
	}
	.sloganBox .logo {
		margin: auto;
		width: 46%;
	}
	.twitter-bt {
		top: 3%;
	}
	.twitter-bt img {
		width: 65%;
	}
	.video {
		top: 45%;
		width: 15%;
	}
	.video img {
		width: 100%;
	}
	.BtnBox {
		top: 65%;
	}
	.BtnBox img{
		width: 50%;
	}
	.footer {
		font-size: 2.4em;
		margin: -2px 0 0;
		background-size:cover;
	}
	.footer ul {
		margin:  0 0 10px;
	}
	.footer .xdg img{
		width: 65%;
	}
	.footer p span {
		display: block;
	}
	}
	
	@-webkit-keyframes rotation{
		from {-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(360deg);}
		}
		
		.Rotation{
		-webkit-transform: rotate(360deg);
		animation: rotation 6s linear infinite;
		-moz-animation: rotation 6s linear infinite;
		-webkit-animation: rotation 6s linear infinite;
		-o-animation: rotation 6s linear infinite;
		}