body{
	overflow-x:hidden;
	font-size:14px;
	font-family:db_heavent_cond,sans-serif;
	line-height:1.4
}
.pos{
	position:absolute
}
.rel{
	position:relative
}
.thumbnail>img,.thumbnail a>img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto
}
.t_inline{
	display:inline-block
}
.pad0{
	padding:0
}
.mar0{
	margin:0
}
ul,ol{
	margin:0
}
/*
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	font-weight:400;
	font-size: 1.2em
}*/
h2 .title{
	margin:0;
	font-weight:400;
	font-size: 1.2em
}
a:hover{
	text-decoration:none
}
.text-right{
	text-align:right
}
.text-left{
	text-align:left
}
.text-center{
	text-align:center
}
#reward_august{
	display:block
}
#reward_september{
	display:none
}
#reward_october{
	display:none
}
#wrapper{
	-webkit-font-smoothing:antialiased;
	/*padding-top:50px*/
}
#herobanner{
	background:#000
}
.showpc{
	display:block
}
.showmb{
	display:none
}
.pad_section{
	padding:65px 0
}
#mainnav .bt_menu a.active{
	color:#b2d233
}
.loadingoverlay p{
	font-size:30px;
	font-family:db_heaventmed_cond,sans-serif;
	color:#b2d233
}
.loadingoverlay_element{
	display:none!important
}
.sec_herobanner{
	min-height:500px;
	/*overflow:hidden;*/
	padding:0 0;
	/*background:url(../images/herobanner_bg2.jpg) center top no-repeat;*/
	background:url(img/luckynumber_bg.webp) center top no-repeat;
	background-size:cover;
	position:relative
}
.no-webp .sec_herobanner {
	min-height:500px;
	padding:0 0;
	background: url(img/luckynumber_bg.jpg) center top no-repeat;
	background-size:cover;
	position:relative
}
.sec_product{
	padding:30px 0;
	margin-top:-70px;
	background:url(../images/luckynumber/product_bg.jpg) center top no-repeat,url(../images/luckynumber/city.png);
	background-size:cover;
	position:relative
}
.sec_product:before{
	content:'';
	position:absolute;
	height:50px;
	width:20%;
	left:0;
	top:-50px;
	background:url(../images/luckynumber/product_shape_top.svg) center right no-repeat
}
.sec_condition{
	padding:30px 0;
	background:url(../images/luckynumber/bg_condition.jpg) center no-repeat;
	background-size:cover
}
.sec_winner{
	padding:30px 0;
	background:#00e884;
	background:linear-gradient(0deg,rgba(0,232,132,1) 0%,rgba(0,76,55,1) 100%);
	position:relative;
	min-height:350px
}
.sec_winner:before{
	content:'';
	position:absolute;
	height:50px;
	width:25%;
	right:0;
	top:-50px;
	background:url(../images/luckynumber/winner_shape_top.svg) center left no-repeat
}
.sec_winner:after{
	content:'';
	position:absolute;
	height:50px;
	width:30%;
	left:0;
	bottom:-50px;
	background:url(../images/luckynumber/winner_shape_bottom.svg) center right no-repeat
}
.btn_condition{
	text-align:center;
	margin-bottom:15px;
	margin-top:15px
}
.btn_condition a{
	transition:all .2s ease;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	width:180px;
	margin:0 auto;
	color:#000;
	font-family:db_heaventbold_cond,sans-serif;
	font-size:25px
}
.btn_condition a span{
	display:block;
	margin-top:8px
}
.btn_condition a.active{
	flex-direction:column-reverse
}
.arr_condition{
	width:30px;
	transform:rotate(180deg)
}
.arr_condition.active{
	transform:rotate(0deg)
}
.expand_condition{
	padding-bottom:50px;
	padding-left:8px;
	text-align: left
}
.expand_condition ul{
	list-style-type:disc;
	/*padding-left:15px*/
}
.expand_condition ul li .sub{
	list-style-type:none;
	padding-left:15px
}
.expand_condition ul li{
	font-size:17px;
	color:#000;
	line-height:1.5;
	font-family:db_heaventmed_cond,sans-serif
}
.expand_condition p{
	font-size:17px;
	color:#000;
	margin-top:10px;
	font-family:db_heaventmed_cond,sans-serif
}
.winner_head{
	position:relative;
	background:url(../images/luckynumber/winner_bg_head.svg) center no-repeat;
	height:200px;
	width:100%;
	margin-top:-85px;
	text-align:center;
	z-index:1
}
.winner_head h2{
	font-size:45px;
	font-family:db_heaventbold_cond,sans-serif;
	color:#fff;
	text-align:center;
	padding-top:35px
}
.winner_head .mock_dd{
	margin-top:-25px
}
.winner_light{
	left:-50.5%;
	bottom:-33px;
	mix-blend-mode:overlay
}
.wrap_winner_list{
	text-align:center;
	margin-top:30px
}
.winner_list{
	width:100%;
	max-width:950px;
	margin:0 auto 10px;
	background:#fff;
	padding-bottom:30px
}
.award1{
	border-radius:35px 0 0 0
}
.award2{
	border-radius:0 0 35px 0
}
.winner_list .head{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	padding:40px 0
}
.winner_list .head .txt{
	text-align:left;
	padding-left:15px
}
.winner_list .head .txt:nth-child(1){
	padding-left:0
}
.winner_list .head .txt h2{
	color:#000;
	font-family:db_heavent_cond,sans-serif;
	font-size:40px;
	line-height:1;
	background:#ec008b;
	height:100%;
	color:#fff;
	padding:15px 45px 15px 15px;
	position:relative
}
.winner_list .head .txt h2:after{
	content:'';
	position:absolute;
	width:40px;
	height:100%;
	top:0;
	right:0;
	background:url(../images/luckynumber/winner_shape_listname.svg) center no-repeat
}
.winner_list .head .txt h3{
	color:#000;
	font-family:akrobatblack,db_heaventbold_cond,sans-serif;
	font-size:40px;
	line-height:1
}
.winner_list .head .txt h3 .txttin{
	font-family:akrobatbold
}
.winner_list .head .txt h4{
	color:#000;
	font-family:akrobatblack,db_heavent_cond,sans-serif;
	font-size:23px;
	line-height:1;
	margin-top:10px
}
.winner_list .head .txt h4 .txtbig{
	font-size:120%
}
.winner_list .body{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	grid-gap:50px;
	padding:0 30px
}
.winner_list .body .group{
	position:relative
}
.winner_list .body .group:nth-child(1):after{
	content:'';
	position:absolute;
	width:1px;
	height:100%;
	background:#000;
	right:-25px;
	top:0
}
.winner_list .txthead{
	display:grid;
	grid-template-columns:2fr 1fr;
	margin-bottom:8px
}
.winner_list .list{
	display:grid;
	grid-template-columns:2fr 1fr;
	margin-bottom:8px
}
.winner_list .txthead .name{
	font-size:25px;
	text-align:left;
	font-family:db_heaventbold_cond,sans-serif
}
.winner_list .txthead .phone{
	font-size:25px;
	text-align:right;
	font-family:db_heaventbold_cond,sans-serif
}
.winner_list .list .name{
	font-size:20px;
	text-align:left;
	font-family:db_heaventmed_cond,sans-serif
}
.winner_list .list .phone{
	font-size:20px;
	text-align:right;
	font-family:db_heaventbold_cond,sans-serif;
	color:#a97f28
}
.winner_aunjai_body{
	bottom:-160px;
	left:-220px
}
.sec_product .label{
	text-align:center;
	width:auto;
	margin-top:-110px;
	position:relative
}
.sec_product .label .txt{
	transform:skewX(-22deg);
	background:#ec008b;
	color:#fff;
	padding:20px 40px;
	display:inline-block;
	white-space: normal;
	margin: 20px 0 -20px
}
.sec_product .label .txt h2{
	font-family:db_heaventbold_cond,sans-serif;
	line-height:1.2;
	font-size:35px;
	transform:skewX(22deg);
	text-shadow:2px 2px 1px rgba(0,0,0,.25)
}
.sec_product .label .txt h3{
	font-family:db_heaventbold_cond,sans-serif;
	line-height:1.2;
	font-size:30px;
	transform:skewX(22deg);
	text-shadow:2px 2px 1px rgba(0,0,0,.25)
}
.label_light_top{
	top:5px;
	left:-50px;
	z-index:2
}
.label_light_bottom{
	bottom:-20px;
	right:-50px;
	z-index:2
}
.box-product{
	width:620px;
	/*margin-top:120px;*/
	margin: 120px 12% auto;
	padding:40px 40px 40px 12%;
	border-radius:35px 0 35px 0;
	box-shadow:5px 5px 15px rgba(0,0,0,.35);
	display:inline-block;
	position:relative;
	background:#fff1b1;
	background:linear-gradient(90deg,rgba(255,241,177,1) 20%,rgba(235,206,127,1) 40%,rgba(253,246,168,1) 90%)
}
.box-product .label{
	position:absolute;
	top:0;
	margin-bottom:0;
	margin-top:-35px;
	background:#ec008b;
	color:#fff;
	font-size:23px;
	padding:5px 30px 0;
	line-height:60px;
	height:60px;
	border-radius:30px 0 30px 0;
	display:block
}
.box-product .txt h2{
	color:#000;
	font-family:akrobatblack,db_heaventbold_cond,sans-serif;
	font-size:45px;
	line-height:1
}
.box-product .txt h3{
	color:#000;
	font-family:akrobatblack,db_heaventbold_cond,sans-serif;
	font-size:38px;
	line-height:1
}
.box-product .txt h3 .txttin{
	font-family:akrobatbold
}
.box-product .txt .txttin2{
	font-family: krub;
	font-size: 26px;
	font-weight: 700;
	color: #585050
}
}
.box-product .txt h4{
	color:#000;
	font-family:akrobatblack,db_heavent_cond,sans-serif;
	font-size:25px;
	line-height:1;
	margin-top:10px
}
.box-product .txt h4 .txtbig{
	font-size:130%
}
.box-product-in{
}
.box-product .product.motorcycle{
	position:absolute;
	width:100%;
	left:-190px;
	top:20px
}
.mc1{
	left:0
}
.mc2{
	left:-110px;
	top:3px
}
.mc3{
	left:-200px;
	top:6px
}
.mc4{
	left:-270px;
	top:9px
}
.mc5{
	left:-330px;
	top:12px
}
.mc2 img{
	transform:scale(.87)
}
.mc3 img{
	transform:scale(.73)
}
.mc4 img{
	transform:scale(.59)
}
.mc5 img{
	transform:scale(.45)
}
.star_motorcycle1{
	/*top:70px;
	left:120px*/
	top:10px;
	left:130px
}
.star_motorcycle2{
	top:50px;
	left:-10px
}
.star_motorcycle3{
	top:100px;
	left:60px
}
.box-product .product.gold{
	position:absolute;
	width:100%;
	left: -150px;
	top: -80px
}
.gold1{
	left: -80px;
	max-width: 320px
}
.gold2{
	left:-160px;
	top:3px
}
.gold3{
	left:-210px;
	top:6px
}
.gold2 img{
	transform:scale(.87)
}
.gold3 img{
	transform:scale(.73)
}
.box-product .product.mobile{
	position:absolute;
	width:100%;
	left:-180px;
	top:-20px
}
.tv1{
	left: -80px;
	top: 30px;
	max-width: 320px
}
.tv2{
	left:-110px;
	top:3px
}
.tv3{
	left:-200px;
	top:6px
}
.tv2 img{
	transform:scale(.87)
}
.tv3 img{
	transform:scale(.73)
}
.mb1{
	left:-20px;
	top: 20px
}
.mb2{
	left:-110px;
	top:3px
}
.mb3{
	left:-200px;
	top:6px
}
.mb4{
	left:-270px;
	top:9px
}
.mb5{
	left:-330px;
	top:12px
}
.mb2 img{
	transform:scale(.87)
}
.mb3 img{
	transform:scale(.73)
}
.mb4 img{
	transform:scale(.59)
}
.mb5 img{
	transform:scale(.45)
}
.box-product .product.jbl{
	position:absolute;
	width:100%;
	left:-210px;
	top:-10px
}
.pd4{
	left:0;
	top: -10px;
	max-width: 270px
}
.box-price{
	margin:65px 0;
	text-align:center;
	position:relative
}
.box-price h2{
	font-size:40px;
	color:#000;
	font-family:db_heaventbold_cond,sans-serif
}
.price{
	margin-top:-65px;
	position:relative
}
.price_gif{
	top:0;
	position:absolute;
	left:0;
	width:100%
}
.bg_city{
	position:absolute;
	width:100%;
	bottom:0;
	mix-blend-mode:screen
}
.select_winner{
	z-index:9;
	position:relative;
	font-family:db_heaventbold_cond,sans-serif
}
.select_winner .txtpink{
	color:#ec008b;
	font-size:120%
}
.select_winner .select_list .txtpink{
	color:#ec008b;
	font-size:100%
}
.select_show{
	cursor:pointer;
	height:55px;
	width:480px;
	margin:12px auto 0;
	line-height:55px;
	font-size:23px;
	padding-top:0;
	padding-right:50px;
	border-radius:500px;
	background:#fff url(../images/luckynumber/arr_condition.svg) 92% center no-repeat;
	background-size:25px;
	border:2px solid #00774b;
	box-shadow:3px 3px 3px rgba(0,65,41,.25)
}
.select_list{
	cursor:pointer;
	height:auto;
	width:480px;
	margin:12px auto 0;
	line-height:50px;
	font-size:21px;
	padding-top:0;
	padding-right:0;
	border-radius:15px;
	background:#fff;
	box-shadow:3px 3px 0 rgba(0,65,41,.5);
	overflow:hidden;
	border:2px solid #017f50;
	display:none
}
.select_list ul li{
	padding:3px 0;
	width:100%;
	position:relative
}
.select_list ul li:hover{
	background:#ddd
}
.select_list ul li:after{
	content:'';
	position:absolute;
	width:100%;
	left:0%;
	bottom:0;
	height:1px;
	background:transparent
}
.select_list ul li:nth-last-child(1):after{
	display:none
}
.star_gold1{
	/*top:70px;
	left:120px*/
	top: 20px;
	left: 200px
}
.star_gold2{
	top: 70px;
	left: 150px
}
.star_gold3{
	top: 200px;
	left: 100px
}
.gold2 .star_gold2{
	left:15px
}
.gold3 .star_gold2{
	left:15px
}
.gold2 .star_gold3{
	top:50px
}
.gold3 .star_gold3{
	top:50px
}
.winner_aunjai_body{
	width:53%
}
.winner_aunjai_body img{
	z-index:2;
	position:relative
}
.hand_aunjai{
	top:134px;
	left:78px;
	width:21%
}
.winner_star_gold1{
	top:20px;
	left:10px
}
.winner_star_gold2{
	top:80px;
	left:20px
}
.winner_star_gold3{
	top:60px;
	left:-10px
}
.ele_herobanner{
	position:relative;
	z-index:5;
	max-width:960px;
	margin:0 auto
}
.wrap_ele{
	position:absolute;
	top:-50px;
	left:80px;
	height:100%;
	width:90%
}
.hero_label{
	width: 22.6%;
    left: 14.2%;
    top: 11%;
}
.hero_price{
	width:27.2%;
	left:8%;
	top:32%
}
.hero_mobile{
	top:25%;
	width:25.5%;
	left:69%
}
.hero_light_mobile{
	top:14.5%;
	width:53%;
	left:39%;
	mix-blend-mode:screen
}
.hero_light_mobile_in{
	top:26.7%;
	width:22.5%;
	left:70%;
	mix-blend-mode:screen
}
.hero_myais{
	top:28%;
	width:20.5%;
	left:72%
}
.hero_bubble1{
	top:18%;
	width:16.3%;
	left:70%
}
.hero_bubble2{
	top:40%;
	width:14.6%;
	left:72.5%
}
.hero_motorcycle1{
	top:37%;
	width:40%;
	left:37%
}
.hero_motorcycle2{
	top:42%;
	width:34%;
	left:30%
}
.hero_motorcycle3{
	top:47%;
	width:28%;
	left:25%
}
.hero_gold_line{
	top:76%;
	width:51.5%;
	left:35.78%
}
.hero_gold_line2{
	top:69%;
	width:57%;
	left:30.78%
}
.hero_gold_box{
	top:73%;
	width:42%;
	left:45.78%
}
.hero_gold_wing{
	top:71%;
	width:53%;
	left:35.78%
}
.hero_light_foot{
	top:56%;
	width:70%;
	left:23%
}
.hero_aunjai_body{
	top:50%;
	width:36%;
	left:68.6%;
	z-index:2
}
.hero_aunjai_hand{
	top:57%;
	width:12%;
	left:92.5%
}
.hero_city{
	top:18%;
	width:120%;
	left:16.78%;
	mix-blend-mode:screen
}
.hero_star_gold1{
	top:15%;
	left:25%
}
.hero_star_gold2{
	top:7%;
	left:47%
}
.hero_star_gold3{
	top:60%;
	left:20%
}
.hero_star_gold4{
	top:35%;
	left:44%
}
.hero_star_line1{
	top:12%;
	left:27%
}
.hero_star_line2{
	top:5%;
	left:52%
}
.hero_star_line3{
	top:50%;
	left:22%
}
.hero_star_line4{
	top:32%;
	left:44%
}
.area_pc{
	display:block
}
.area_mb{
	display:none
}
.date{
	font-size:1.4vw;
	color:#000;
	position:absolute;
	left:5%;
	/*bottom:25%;*/
	top:50%;
	width:28%;
	font-family:db_heaventbold_cond,sans-serif
}
.btn_join{
	position:relative;
	overflow:hidden;
	display:inline-block;
	background:#ec008b;
	margin-top:-10px;
	color:#fff;
	font-size:23px;
	font-family:db_heaventmed_cond,sans-serif;
	padding:10px 30px;
	border-radius:8px;
	box-shadow:3px 3px 3px rgba(0,65,41,.25)
}
.btn_join:hover{
	background:#db0081
}
.wingwing{
	position:absolute;
	width:200px;
	height:300%;
	top:calc(50% - 150%);
	left:calc(50% - 100px);
	background:#fff;
	background:linear-gradient(115deg,rgba(255,255,255,0) 20%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0) 80%)
}
.gold_wing_top{
	top:-65px;
	left:-100px
}
.gold_wing_bottom{
	bottom:-65px;
	right:-100px
}
.box-price .star_gold1 img{
	width:50%
}
.box-price .star_gold1{
	top:27%;
	left:21.5%
}
.box-price .star_gold2 img{
	width:70%
}
.box-price .star_gold2{
	top:43%;
	left:29%
}
.box-price .star_gold3 img{
	width:30%
}
.box-price .star_gold3{
	top:30%;
	left:31.4%
}
.box-price .star_gold4 img{
	width:40%
}
.box-price .star_gold4{
	top:40%;
	left:44%
}
.box-price .star_gold5 img{
	width:70%
}
.box-price .star_gold5{
	top:50%;
	left:51%
}
.box-price .star_gold6 img{
	width:50%
}
.box-price .star_gold6{
	top:28%;
	left:54%
}
.box-price .star_gold7 img{
	width:50%
}
.box-price .star_gold7{
	top:51%;
	left:57.5%
}
.box-price .star_gold8 img{
	width:30%
}
.box-price .star_gold8{
	top:37%;
	left:62.5%
}
.box-price .star_gold9 img{
	width:40%
}
.box-price .star_gold9{
	top:47%;
	left:68%
}
.qrcode{
	display:inline-block;
	background:#fff;
	padding:25px 15px;
	border-radius:12px;
	margin-bottom:30px;
	box-shadow:4px 4px 4px rgba(0,65,41,.25)
}
.box-price p{
	font-size:30px;
	color:#eb008b;
	font-family:db_heaventbold_cond,sans-serif;
	padding:0 15px
}


@media screen and (max-width:575px){
	.h2title{
		margin:0;
		font-weight:400;
		font-size: 1.3em
	}
	.hero_light_foot {
		top: 90%;
		width: 40%;
		left: 60%
	}
}