@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=31f76fe7-7b02-4ed1-8863-c539521d0ec1&fontids=718995");
@font-face{
    font-family:"MElle HK Light";
    src:url("../css/Fonts/718995/53b1ae2d-f07d-4e3f-86d7-36eb856ffa51.eot?#iefix");
    src:url("../css/Fonts/718995/53b1ae2d-f07d-4e3f-86d7-36eb856ffa51.eot?#iefix") format("eot"),url("/css/Fonts/718995/5aaeb775-6c1f-49fa-aa5c-f93de6069c88.woff2") format("woff2"),url("../css/Fonts/718995/c0c86efc-74af-4d3e-8c95-62e4fbf8f729.woff") format("woff"),url("../css/Fonts/718995/2423c4b2-118c-4464-b031-9662b482fbb5.ttf") format("truetype");
}
body{
	font-family: "MElle HK Light";
	background: #f5f5f5;
	color: #808080;
}
ul {
	padding-left: 18px;
	margin-bottom: 0;
}
.wrapper{
	opacity: 0;
}
.wrapper .container{
	position: relative;
	max-width: 1240px;
	padding-left: 0;
	padding-right: 0;
}
.wrapper .bg{
	width: 100%;
	display: block;
}
.bg-ref{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
	pointer-events: none;
	width: 100%;
}
.b-bg{
	position: relative;
	overflow: hidden;
}

.b-bg-2{
	overflow: visible
}

.b-bg img:not(.bg){
	position: absolute;
	height: auto;
}
/*b-bg1*/
.txt-title{
	width: 49.435%;
	left: 8.2%;
	top: 27.1%;
}

.txt-title-gift{
	width: 4%;
	left: 15.7%;
	top: 75.1%;
}

.prizes_1.float,
.prizes_2.float,
.prizes_3.float{
	-webkit-animation: ani_zoom 2s ease-in-out infinite;
	-moz-animation: ani_zoom 2s ease-in-out infinite;
	-o-animation: ani_zoom 2s ease-in-out infinite;
	animation: ani_zoom 2s ease-in-out infinite;
}

.txt-title-balloon{
	width: 5.078%;
	left: 49.15%;
	top: 72.35%;
	-webkit-transform-origin: 30% 100%;
	transform-origin: 30% 100%;
}


/*.txt-title-balloon.float{*/
.ballon_5.float,
.join_now.float{
	-webkit-animation: ani_rotate 2s linear infinite;
	-moz-animation: ani_rotate 2s linear infinite;
	-o-animation: ani_rotate 2s linear infinite;
	animation: ani_rotate 2s linear infinite;
}

@-webkit-keyframes ani_zoom {
	0%, 100% {
		-webkit-transform: scale(1);
	}
			
	50% {
		-webkit-transform: scale(1.03);
	}
}

/*@-moz-keyframes ani_zoom {
  0%, 100% {
	opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
}
@-o-keyframes ani_zoom {
  0%, 100% {
	opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
}
@keyframes ani_zoom {
  0%, 100% {
	opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
}*/

@-webkit-keyframes ani_rotate {
	0%, 100% {
		-webkit-transform: scale(1) rotate(0deg);
	}
			
	50% {
		-webkit-transform: scale(1) rotate(5deg);
	}
}


.bg-girl{
	width: 35.32%;
	left: 58.7%;
	top: 10.9%;
}

/*b-bg2*/
.balloon{
	z-index: 1;
}

.balloon1{
	width: 5.645%;
	left: 2.2%;
	top: 46%;
}

.balloon3{
	width: 5.645%;
	left: 14%;
	top: 24%;
}

.balloon4{
	width: 6.048%;
	left: 79.6%;
	top: 9%;
}

.balloon5{
	width: 7.096%;
	left: 86%;
	top: 35%;
}


.balloon6{
	width: 6.693%;
	left: 90%;
	top: -17%;
}

.txt-desc{
	width: 52.82%;
	left: 23.3%;
	top: 23%;
}


.float{
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-animation: 12s ease-in-out infinite;
	-moz-animation: 12s ease-in-out infinite;
	-o-animation: 12s ease-in-out infinite;
	animation: 12s ease-in-out infinite;
}

.balloon.float.balloon1, .balloon.float.balloon6{
	-webkit-animation-name: balloon1;
	-moz-animation-name: balloon1;
	-o-animation-name: balloon1;
	animation-name: balloon1;
}

/*.float.ballon_5{
	-webkit-animation-name: balloon2;
	-moz-animation-name: balloon2;
	-o-animation-name: balloon2;
	animation-name: balloon2;
}*/

.balloon.float.balloon3{
	-webkit-animation-name: balloon3;
	-moz-animation-name: balloon3;
	-o-animation-name: balloon3;
	animation-name: balloon3;
}

.balloon.float.balloon4{
	-webkit-animation-name: balloon4;
	-moz-animation-name: balloon4;
	-o-animation-name: balloon4;
	animation-name: balloon4;
}

/*BALLOON 1 4*/
@-webkit-keyframes balloon1 {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-10px) rotate(8deg);
  }
}
@-moz-keyframes balloon1 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(0deg);
  }
  50% {
    -moz-transform: translateY(-10px) rotate(8deg);
  }
}
@-o-keyframes balloon1 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-10px) rotate(8deg);
  }
}
@keyframes balloon1 {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-10px) rotate(8deg);
  }
}
/* BAllOON 2 5*/
@-webkit-keyframes balloon2 {
  0%,
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(-8deg);
  }
}
@-moz-keyframes balloon2 {
  0%,
  100% {
    -moz-transform: translateY(0) rotate(0deg);
  }
  50% {
    -moz-transform: translateY(-20px) rotate(-8deg);
  }
}
@-o-keyframes balloon2 {
  0%,
  100% {
    -o-transform: translateY(0) rotate(0deg);
  }
  50% {
    -o-transform: translateY(-20px) rotate(-8deg);
  }
}
@keyframes balloon2 {
  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-20px) rotate(-8deg);
  }
}
/* BAllOON 0*/
@-webkit-keyframes balloon3 {
  0%,
  100% {
    -webkit-transform: translate(0, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-20px, 20px) rotate(-14deg);
  }
}
@-moz-keyframes balloon3 {
  0%,
  100% {
    -moz-transform: translate(0, 0px) rotate(0deg);
  }
  50% {
    -moz-transform: translate(-20px, 20px) rotate(-14deg);
  }
}
@-o-keyframes balloon3 {
  0%,
  100% {
    -o-transform: translate(0, 0px) rotate(0deg);
  }
  50% {
    -o-transform: translate(-20px, 20px) rotate(-14deg);
  }
}
@keyframes balloon3 {
  0%,
  100% {
    transform: translate(0, 0px) rotate(0deg);
  }
  50% {
    transform: translate(-20px, 20px) rotate(-14deg);
  }
}
/* BAllOON 3*/
@-webkit-keyframes balloon4 {
  0%,
  100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-25px, 20px) rotate(16deg);
  }
}
@-moz-keyframes balloon4 {
  0%,
  100% {
    -moz-transform: translate(0px, -0px) rotate(0deg);
  }
  50% {
    -moz-transform: translate(-25px, 20px) rotate(16deg);
  }
}
@-o-keyframes balloon4 {
  0%,
  100% {
    -o-transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    -o-transform: translate(-25px, 20px) rotate(16deg);
  }
}
@keyframes balloon4 {
  0%,
  100% {
    transform: translate(0px, 0px) rotate(0deg);
  }
  50% {
    transform: translate(-25px, 20px) rotate(16deg);
  }
}




.img-info-desktop{
	display: none;
}
.img-info-mobile{
	display: block;
}

@media screen and (min-width: 768px){
	.img-info-desktop{
		display: block;
	}
	.img-info-mobile{
		display: none;
	}
}

.s-form .container{
	background: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.s-form table{
	width: 100%;
	max-width: 600px;
	font-size: 1.4em;
	font-weight: 100;
	margin: 4em auto;
}
.s-form table td{
	padding: 4px 8px
}
.s-form .col-title {
	text-align: left;
}
.s-form input[type="text"], .s-form select{
	border: 1px solid #5ABDBD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	padding: 5px 15px;
	-webkit-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.s-form select{
	
	background: url(assets/images/ico_arrow_down.png) no-repeat;
	background-position: right 10px top 50%;
	background-size: auto 70%;
	outline: none;
	padding-right: 45px;
}

hr{
	width: 100%;
	max-width: 890px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fc6bb+0,7fc6bb+100&0+0,1+59,0+100 */
	background: -moz-linear-gradient(left, rgba(90,189,189,0) 0%, rgba(90,189,189,1) 59%, rgba(90,189,189,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(90,189,189,0) 0%,rgba(90,189,189,1) 59%,rgba(90,189,189,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(90,189,189,0) 0%,rgba(90,189,189,1) 59%,rgba(90,189,189,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ABDBD', endColorstr='#5ABDBD',GradientType=1 ); /* IE6-9 */
	height: 1px;
	border: 0;
}
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.txt-tou {
	max-width: 890px;
	margin: 4em auto;
	line-height: 1.7em;
}

.txt-tou .txt-title{
	margin-bottom: 0.7em;
}

.s-form button{
	display: block;
	margin: auto;
	font-size: 18px;
	padding: 8px 20px;
	background: #5ABDBD;
	border: 0;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 2em;
	min-width: 200px
}

.s-form button:hover{
	background: #4c9f9f;
}



label.check-box{
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding-left: 41px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 100;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

	
label.check-box input{
	display: none
}

label.check-box .checkmark{
	position: absolute;
	height: 22px;
	width: 22px;
	left: -2px;
	top: 4px;
	border: 1px solid #5ABDBD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
		
label.check-box .checkmark::after{
	content: "";
	position: absolute;
	display: none;
	top: 42%;
	left: 50%;
	width: 8px;
	height: 15px;
	border: solid #5ABDBD;
	border-width: 0 2px 2px 0;
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	-ms-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}
			

label.check-box:hover input ~ .checkmark{
	background-color: darken(#fff, 2%);
}

label.check-box input:checked ~ .checkmark:after{
	display: block;
}

.txt-remark{
	font-size: 0.8em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    max-width: 750px;
    margin:15px auto 0;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.yt-bg {
	background-color: #00b5ad;
}
.lumiere_form_wrap {
	max-width: 800px;
	margin:0 auto;
}
.s-form table.form-row {
	max-width: 600px;
}
#lumiere_form {
	margin-top:40px;
	margin-bottom: 40px;
}

@media screen and (min-width: 768px){
	.s-form table.form-row {
		margin:0 auto;
		max-width: 700px;
	}
	.s-form table.form-row td {
		width: 35%;
    	white-space: nowrap;
	}
	.s-form table.form-row td.col-title {
		width: 15%;
	}
	.s-form table.form-row-last {
		margin:0 auto;
	}
	.s-form .col-title{
		text-align: right;
	}
	#lumiere_form {
		margin-top: 70px;
		margin-bottom: 60px;
	}
	.s-form table td {
		padding: 6px 8px 6px 0;
	}
	.s-form table {
		padding: 6px 8px 6px 0;
		font-size: 16px;
	}
}
@media screen and (max-width: 768px){
	.s-form table{
		margin-top: 0.8em;
		margin-bottom: 0.8em;
	}
	.s-form table td{
		display: block;
	}
	.s-form table td:nth-child(1),
	.s-form table td:nth-child(3){
		width: 100%;
	}
	
	.s-form table td:nth-child(2){
		margin-bottom: 0.8em;
	}
	
	.s-form button{
		width: 100%;
		margin-top: 1em;
	}
	.txt-tou{
		margin: 2em auto 4em;
	}
	
	label.check-box{
		font-weight: normal;
	}
	
	.s-form table{
		font-weight: normal;
		font-size: 16px;
	}

}

.eLetter {
    letter-spacing: -2.5px;
    margin-left: -4.5px;
}
.mobile_none { display: none; }
@media (min-width: 992px) {
	.s-form table { font-size: 1.4em; }
	.mobile_none { display: block; }
	.resp-container {
	    padding-top: 43.55%;
		margin:60px auto 80px;
	}
	.s-form table.form-row {
		max-width: 880px;
	}
	.txt-tou > div {
		display: inline-block;
		float: left;
	}
	.txt-tou > div:first-child {
		width: 50%;
		padding-right: 15px;
	}
	.txt-tou > div:last-child {
		width: 50%;
		padding-left: 10px;
	}
}
@media (min-width: 1200px) {
	.resp-container {
		max-width: 900px;
	    padding-top: 43.15%;
	}
	.s-form table.form-row {
		max-width: 950px;
	}
}
.tag{
	width: 22.5%;
	right: 6.5%;
	top: 41%;
	-webkit-transform-origin: 20% 40%;
	-moz-transform-origin: 20% 40%;
	-o-transform-origin: 20% 40%;
	transform-origin: 20% 40%;
	
	-webkit-animation: ani_tag 2s ease-in-out infinite;
	-moz-animation: ani_tag 2s ease-in-out infinite;
	-o-animation: ani_tag 2s ease-in-out infinite;
	animation: ani_tag 2s ease-in-out infinite;
}
.b-bg.bg1 img {
}
.prizes_others {
    top: 22.85%;
    left: 5.55%;
    width: 89%;
}
.prizes_1 {
    top: 6.85%;
    left: 5.76%;
    width: 28.25%;
}
.prizes_2 {
    top: 4.73%;
    left: 37.25%;
    width: 32.55%;
}
.prizes_3 {
    top: 9.73%;
    left: 73.05%;
    width: 22.95%;
}
.ballon_5 {
    bottom: 20.23%;
    left: 8.88%;
    width: 12.95%;
}
.ballon_5_text {
    bottom: 27.63%;
    left: 24.58%;
    width: 34.25%;
}
.join_now {
    bottom: 16.63%;
    left: 79.58%;
    width: 19.05%;
}

@-webkit-keyframes ani_tag {
  0%,
  100% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(8deg);
  }
}
@-moz-keyframes ani_tag {
  0%,
  100% {
    -moz-transform: rotate(0deg);
  }
  50% {
    -moz-transform: rotate(8deg);
  }
}
@-o-keyframes ani_tag {
  0%,
  100% {
    -o-transform: rotate(0deg);
  }
  50% {
    -o-transform: rotate(8deg);
  }
}
@keyframes ani_tag {
  0%,
  100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(8deg);
  }
}