body {
	overflow-x: hidden;
	background-color: #000;
}
#lover {
	font-family:'DINCond-Medium';
	color:#333333;
	}
#lover h1{
	font-size:4em;
	font-family:'din_pro_bold';
	color:#fff;
	}
.kv{
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
	background:url(../images/banner.jpg) no-repeat center;
	padding-top:25%;
	}
#lover .kv p{	
	color:#FF0004; font-size: 2.8em;padding-left: 12%;padding-bottom: 1%;}
.box2{
	background:url(../images/box2-bg.jpg) fixed;
	padding:2em 0px;
	}
.box2 h2{
	color:#FF0004;
	font-size:5em;
	}
#lover p{
	font-size:1.5em;
	}
.box3{
	background:#fff;
	padding:2em 0px;
	} 
.box3 .modal-box{
	padding:20px 30px;
	}
.box3 a:hover{
	 -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));
    filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));
	display:block;
	}
.but{
	display:inline-block;
	padding:5px 30px;
	margin-top:25px;
	font-size:24px;
	color:#FF0004;
	border:#FF0004 solid 1px;
	}
.but:hover, .but1, .but1:hover{
	background:#FF0004;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:5px 30px;
	margin-top:25px;
	font-size:24px;
	border:#FF0004 solid 1px;
	}
.box4{background:#fff;}
.box4 .min-box4{ background:url(../images/box4-bg.jpg) center no-repeat; padding:10% 20px;}
.box4 .contain-box{ background:rgba(255,255,255,0.5); border:#fff solid 1px; padding:5%;}
.box4 .step{ background:#fff;-webkit-filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7)); padding:30px 20px; margin-top:20px;}
.box4 .step i{padding:20px 0px; color:#FF0000;}
.box4 .step p{ line-height:30px; padding-bottom:20px;}
.box6 li{font-size:1.2em; list-style:disc;}
@media only screen and (max-width: 1600px) {
.kv{
	padding-top:29%;
	}
}	
@media only screen and (max-width: 1366px) {
.kv{
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
	background:url(../images/banner.jpg) no-repeat center;
	padding-top:28%;
	}
}	
@media only screen and (max-width: 1280px) {
.kv{
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
	background:url(../images/banner.jpg) no-repeat center;
	padding-top:37%;
	}
.box4 .step {
    background: #fff;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));
    filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));
    padding: 5px 15px;
    margin-top: 20px;
}	
}	
@media only screen and (max-width: 1024px) {
.kv {
    -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.5));
    background: url(../images/banner.jpg) no-repeat center;
    padding-top: 46%;
}
.box4 .step {
    background: #fff;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));
    filter: drop-shadow(0px 0px 5px rgba(255, 0, 0, 0.7));
    padding: 0px 0px;
    margin-top: 10px;
}
}

@media only screen and (max-width: 768px) {	
.kv{
	background:url(../images/banner-s.jpg) no-repeat center;
	padding-top:70%;
	}
	#lover .kv p{	
	color:#FF0004; font-size: 2.8em;padding-left: 30%;padding-bottom: 5%;}

}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 480px) {
.kv{
	background:url(../images/banner-480s.jpg) no-repeat center;
	}
	#lover .kv p{	
	color:#FF0004; font-size: 1.5em;padding-left: 30%;padding-bottom: 5%;}
}

@media only screen and (max-width: 414px) {
.kv{
	background:url(../images/banner-480s.jpg) no-repeat center;
	}
	#lover .kv p{	
	color:#FF0004; font-size: 1.5em;padding-left: 30%;padding-bottom: 0%; padding-top:20%
	}
.box2 h2 {
    color: #FF0004;
    font-size: 3em;
}
}
@media only screen and (max-width: 375px) {
.kv{
	background:url(../images/banner-480s.jpg) no-repeat center;
	padding-top: 48%;
	}
	#lover .kv p{	
	color:#FF0004; font-size: 1.5em;padding-left: 30%;padding-bottom: 0%; padding-top:20%
	}
.box2 h2 {
    color: #FF0004;
    font-size: 3em;
}
}

/* Top */
ul {
	list-style: none;
}
.navbar-fix {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
	margin-right: 0;
	margin-bottom: 0;
	vertical-align: middle;
	text-align: right;
	width: 100%
}
.navbar-fix a {
	display: block;
	margin: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	opacity: .75;
	vertical-align: middle;
	text-decoration:none;
}
.nav-icon a {
	background-color: rgba(220,220,220,1);
	display: inline-block
}
.top-icon a {
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 0;
	margin: 0;
	background-color: rgba(220,0,0,1);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease
}
.navbar-fix a:hover {
	opacity: 1
}
.fa-icon {
	display: block;
	font-size: 26px;
	color: #000;
	padding: 0;
	margin: 0
}
.nav-icon .fa-facebook-f:before, .nav-icon .fa-facebook:before {
	content: "\f09a";
	padding: 0 5px
}