body {
	overflow-y: hidden;
	overflow-x: hidden;
	height: 100%;
}

html {
	overflow-y: hidden;
	overflow-x: hidden;
	height: 100%;
}

/*content*/
h1 {
	position: fixed;
	bottom: 100px;
}

.container {
	width: 100%;
}

.decorate {
	height: 50px;
	overflow: hidden;
	padding-left: 4%;
	padding-right: 55%;
	position: fixed;
	z-index: 999999;
	bottom: 50px;
}

.have {
	height: 30px;
	overflow: hidden;
	padding-left: 4.5%;
	padding-right: 40%;
	position: fixed;
	z-index: 999999;
	bottom: 0px;
}

.have a {
	font-size: 14px;
}

section .container h1 {
	padding-right: 55%;
	padding-left: 4%;
}

video {
	margin-top: -7%;
	width: 96%;
	height: auto;
	position: relative;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
}

/*
.covervid-video {
	
}
*/
/*video*/
video::-webkit-media-controls {
	display: none !important;
	z-index: -1 !important;
}

/*video*/
/*content*/
@media screen and (max-width: 480px) {
	.have {
		height: 30px;
		font-size: 12px;
		overflow: hidden;
		padding-left: 4.5%;
		padding-right: 0%;
		position: fixed;
		z-index: 999999;
		bottom: 3px;
		margin: 0;
	}
	
	.have a{
		font-size:12px;
	}

	section .container h1 {
		font-size: 28px;
		padding-right: 10%;
		line-height: 36px;
		margin: 0 0;
		bottom: 70px;
	}

	.add {
		font-size: 28px;
	}

	.decorate {
		padding-right: 18%;
		bottom: 0px;
		margin-top: -30px;
		height: 50px;
		overflow-y: hidden;
	}

	video {
		margin-top: -5px;
		width: 100%;
	}

	section .container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media only screen and (min-width:481px) and (max-width:768px) {
	section .container h1 {
		padding-right: 42%;
		font-size: 36px;
		line-height: 45px;
		margin: 0 0;
	}

	.decorate {
		padding-right: 40%;
		bottom: 30px;
	}

	.decorate p {
		margin: 0 0;
	}

	video {
		margin-top: -5px;
		width: 100%;
	}

	section .container {
		padding-left: 0;
		padding-right: 0;
	}

	section .container h1 {
		font-weight: 400;
	}
}

@media only screen and (min-width:769px) and (max-width:992px) {
	section .container h1 {
		padding-right: 24%;
	}

	.decorate {
		padding-right: 32%;
	}

	video {
		margin-top: 0%;
		width: 100%;
	}

	section .container h1 {
		font-weight: 400;
	}
}

@media only screen and (min-width:993px) and (max-width:1024px) {
	video {
		width: 100%;
		margin-top: 0%;
	}

	section .container h1 {
		padding-right: 56%;
		font-size: 36px;
		line-height: 54px;
		font-weight: 400;
	}

	.decorate {
		padding-right: 58%;
	}
}

@media screen and (min-width:769px) and (max-width:1023px) and (orientation : landscape) {
	h1 {
		font-size: 36px;
	}

	section .container h1 {
		padding-right: 42%;
		line-height: 45px;
		margin: 0 0;
	}

	.decorate {
		padding-right: 45%;
		bottom: 30px;
	}

	.decorate p {
		margin: 0 0;
	}
}

@media only screen and (min-width:1025px) and (max-width:1190px) {
	video {
		width: 100%;
		margin-top: 0%;
	}

	section .container h1 {
		padding-right: 32%;
	}
}

@media only screen and (min-width:1200px) and (max-width:1440px) {
	video {
		width: 100%;
	}

	section .container h1 {
		padding-right: 45%;
	}
}

@media only screen and (min-width:1441px) and (max-width:1600px) {
	video {
		width: 100%;
	}
}

@media only screen and (min-width:1921px) and (max-width:2560px) {
	video {
		margin-top: 0;
		width: 100%;
	}

	section .container h1 {
		padding-right: 65%;
	}
}

@media only screen and (min-width:2561px) and (max-width:2880px) {
	video {
		margin-top: 0;
		width: 100%;
	}

	section .container h1 {
		padding-right: 70%;
	}
}