body{
	background-color: #000;
}

@media (min-width: 1200px){
	.container{
		max-width: 81vw;
	}
}
.slick-slider .slick-list, .slick-slider .slick-track{
	-webkit-transform: unset;
	-moz-transform: unset;
	-ms-transform: unset;
	-o-transform: unset;
	transform: unset;
}
/*==========================================================================================================*/
/*============================================= SECTION 1 ==================================================*/
/*==========================================================================================================*/
.section1{
	background: url(../images/layout/section1/bg.jpg) no-repeat center top;
	background-size: 100%;
	height: 50.5vw;
	position: relative;
}
.section1 .btn-content{
	width: 23vw;
	position: absolute;
	right: 39.5vw;
	top: 42vw;
}
.section1 .btn-content ul.btn-list{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.section1 .btn-content ul.btn-list li{
	margin-bottom: 10px;
}
.section1 .btn-content ul.btn-list li a{
/*	display: flex;*/
/*	align-items: center;*/
	/* padding: 1vw 1.5vw; */
}
.section1 .btn-content ul.btn-list li a i{
	text-align: center;
	margin-right: 20px;
	font-size: 2.5vw;
}
.section1 .btn-content ul.btn-list li a span{
	text-align: left;
	font-size: 1.4vw;
	text-transform: uppercase;
}
.section1 .btn-content ul.btn-list li a.btn_download img{
	width: 24.584vw;
}
.section1 h1.cbt-date{
	color: #000000;
	font-family: 'Plateia';
	font-size: 6.2vw;
	line-height: 1;
	position: absolute;
	transform: rotate(-90deg);
	top: 25vw;
	left: -15vw;
}
.section1 .btn-yellow{
	font-family: 'Gotham';
	font-weight: 300;
	font-style: normal;
	background-color: #ffd200;
	border: 1px solid #ffd200;
	color: #000;
	border-radius: 0;
}
.section1 .btn-yellow:hover{
	background-color: #000;
	border: 1px solid #000;
	color: #ffd200;
}
.section1 .btn-black{
	font-family: 'Gotham';
	font-weight: 300;
	font-style: normal;
	background-color: #000;
	border: 1px solid #ffd200;
	color: #ffd200;
	border-radius: 0;
}
.section1 .btn-black:hover{
	background-color: #ffd200;
	border: 1px solid #ffd200;
	color: #000;
}
.section1 .lv55{
	position: absolute;
	top: 27.3vw;
	right: 8.8vw;
}
.section1 .lv55 img.imglv55{
	width: 14vw;
}
@media(max-width: 768px){
	.section1{
		background: url(../images/layout/section1/mobile/bg.jpg) no-repeat center top;
		background-size: 100%;
		height: 177.7vw;
		position: relative;
	}
	.section1 h1.cbt-date {
		color: #b50000;
		font-size: 7vw;
		position: absolute;
		transform: rotate(0);
		top: 149vw;
		left: 0;
		width: 100%;
		text-align: center;
		letter-spacing: 5px;
		font-style: italic;
	}
	.section1 .btn-content{
		width: 100%;
		position: relative;
		right: 0;
		top: 161vw;
		margin: 0 auto;
		text-align: center;
	}
	.section1 .btn-content ul.btn-list li{
		margin-bottom: 3px;
	}
	.section1 .btn-content ul.btn-list li a i{
		text-align: center;
		margin-right: 15px;
		font-size: 3.5vw;
	}
	.section1 .btn-content ul.btn-list li a span{
		text-align: left;
		font-size: 2.7vw;
		text-transform: uppercase;
	}
	.section1 .btn-content ul.btn-list li a{
		/* padding: 2vw 4vw; */
	}
	.section1 .btn-content ul.btn-list li a img.btn-signup{
		width: 35vw;
	}
	.section1 .btn-content ul.btn-list li a.btn_download img{
		width: 60vw;
	}
	.section1 .lv55{
		position: absolute;
		top: 11vw;
		right: unset;
		width: 100%;
		left: 0;
		text-align: center;
	}
	.section1 .lv55 img.imglv55{
		width: 45vw;
	}
}
/*==========================================================================================================*/
/*=========================================== END SECTION 1 ================================================*/
/*==========================================================================================================*/

/*==========================================================================================================*/
/*============================================= SECTION 2 ==================================================*/
/*==========================================================================================================*/
.section2{
}
.section2-slider{
}
.section2-slider .slick-prev{
	top: 55%;
	left: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section2-slider .slick-next{
	top: 55%;
	right: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section2-slider .slick-prev:before{
	content: "" !important;
	background: url(../images/layout/section2/prev.png) no-repeat left top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: left;
	position: relative;
	opacity: 1 !important;
}
.section2-slider .slick-next:before{
	content: "" !important;
	background: url(../images/layout/section2/next.png) no-repeat right top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: right;
	position: relative;
	opacity: 1 !important;
}
.section2-slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}
@media(max-width: 768px){
	.section2{
	}
	.section2-slider{
	}
	.section2-slider .slick-prev{
		top: 3%;
		left: 5px !important;
		z-index: 999;
		width: 25px;
		height: 53px;
	}
	.section2-slider .slick-next{
		top: 3%;
		right: 5px !important;
		z-index: 999;
		width: 25px;
		height: 53px;
	}
	.section2-slider .slick-prev:before{
		content: "" !important;
		background: url(../images/layout/section2/prev.png) no-repeat left top;
		background-size: 100%;
		width: 25px;
		height: 53px;
		float: left;
		position: relative;
		opacity: 1 !important;
	}
	.section2-slider .slick-next:before{
		content: "" !important;
		background: url(../images/layout/section2/next.png) no-repeat right top;
		background-size: 100%;
		width: 25px;
		height: 53px;
		float: right;
		position: relative;
		opacity: 1 !important;
	}
	.section2-slider.slick-dotted.slick-slider{
		margin-bottom: 0;
	}
	.section2-slider .slick-dots{
		bottom: 8vw;
		position: absolute;
		z-index: 9999;
	}
	.section2-slider .slick-dots li{
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
	}
	.section2-slider .slick-dots li button{
		width: 15px;
		height: 15px;
	}
	.section2-slider .slick-dots li button:before{
		background-color: transparent;
		border: 1px solid #ffeeb1;
		border-radius: 50%;
		opacity: 1;
		content: '';
/*		transform: rotate(45deg);*/
		width: 15px;
		height: 15px;
	}
	.section2-slider .slick-dots li.slick-active button:before{
		background-color: #ffeeb1;
		opacity: 1;
		color: unset;
		border-radius: 50%;
/*		transform: rotate(45deg);*/
	}
}
/*==========================================================================================================*/
/*=========================================== END SECTION 2 ================================================*/
/*==========================================================================================================*/

/*==========================================================================================================*/
/*============================================= SECTION 3 ==================================================*/
/*==========================================================================================================*/
.section3{
}
.section3-slider{
}
.section3-slider .slick-prev{
	top: 55%;
	left: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section3-slider .slick-next{
	top: 55%;
	right: 60px !important;
	z-index: 9999;
	position: absolute;
	width: 61px;
	height: 69px;
}
.section3-slider .slick-prev:before{
	content: "" !important;
	background: url(../images/layout/section3/prev.png) no-repeat left top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: left;
	position: relative;
	opacity: 1 !important;
}
.section3-slider .slick-next:before{
	content: "" !important;
	background: url(../images/layout/section3/next.png) no-repeat right top;
	background-size: 100%;
	width: 61px;
	height: 69px;
	float: right;
	position: relative;
	opacity: 1 !important;
}
.section3-slider.slick-dotted.slick-slider{
	margin-bottom: 0;
}
@media(max-width: 768px){
	.section3{
	}
	.section3-slider{
	}
	.section3-slider .slick-prev{
		top: 3%;
		left: 5px !important;
		z-index: 999;
		width: 25px;
		height: 53px;
	}
	.section3-slider .slick-next{
		top: 3%;
		right: 5px !important;
		z-index: 999;
		width: 25px;
		height: 53px;
	}
	.section3-slider .slick-prev:before{
		content: "" !important;
		background: url(../images/layout/section3/prev.png) no-repeat left top;
		background-size: 100%;
		width: 25px;
		height: 53px;
		float: left;
		position: relative;
		opacity: 1 !important;
	}
	.section3-slider .slick-next:before{
		content: "" !important;
		background: url(../images/layout/section3/next.png) no-repeat right top;
		background-size: 100%;
		width: 25px;
		height: 53px;
		float: right;
		position: relative;
		opacity: 1 !important;
	}
	.section3-slider.slick-dotted.slick-slider{
		margin-bottom: 0;
	}
	.section3-slider .slick-dots{
		bottom: unset;
		position: absolute;
		z-index: 9999;
		top: 32vw;
	}
	.section3-slider .slick-dots li{
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 0 7px;
		padding: 0;
		cursor: pointer;
	}
	.section3-slider .slick-dots li button{
		width: 15px;
		height: 15px;
	}
	.section3-slider .slick-dots li button:before{
		background-color: transparent;
		border: 1px solid #ffeeb1;
		border-radius: 50%;
		opacity: 1;
		content: '';
/*		transform: rotate(45deg);*/
		width: 15px;
		height: 15px;
	}
	.section3-slider .slick-dots li.slick-active button:before{
		background-color: #ffeeb1;
		opacity: 1;
		color: unset;
		border-radius: 50%;
/*		transform: rotate(45deg);*/
	}
}
/*==========================================================================================================*/
/*=========================================== END SECTION 3 ================================================*/
/*==========================================================================================================*/

.float-wrap{
	position: fixed;
	right: 12vw;
	top: 14vw;
	z-index: 2;
}
.float-wrap .float-content{}
.float-wrap .float-content img{
	width: 9.896vw;
}
@media(max-width: 768px){
	.float-wrap{
		position: fixed;
		right: 8vw;
		top: 78vw;
		z-index: 2;
	}
	.float-wrap .float-content img{
		width: 28vw;
	}
}