@charset "UTF-8";

html,body{background:var(--b);height:100%;margin:0}
body{background:var(--b) url(https://hlvx.net/img/waves.svg) no-repeat 50% 60px;overflow:auto;background-size:1440px;text-align:center;max-width:1440px;margin:0 auto;position:relative;min-height:700px}
.cnv{position:fixed;top:0;left:0;z-index:0;height:100%;width:100%;margin:0;padding:0;background:#999;display:none}
#cnv2{background:var(--d)}
#cnv3{background:var(--h);z-index:1}
#wrp{position:absolute;top:0;left:0;width:100%;z-index:3}
#hello{padding:40px 0 0}
h1{font-size:23px;font-weight:normal;font-style:italic;margin:-10px 0 60px;padding:0;color:var(--v)}
.brk{border-top:2px solid #fff;margin:70px 100px 20px}
.brk>div{margin-top:-20px;text-align:center}
.brk>div>span{background:var(--b);padding:1px 20px 3px;font-size:24px;color:#fff;border-radius:4px}
.brk>div>span::before{content:'';display:inline-block;background:url(https://hlvx.net/img/icons/task_wh.svg) no-repeat 50%;background-size:100%;height:30px;width:30px;margin:0 10px -7px 0}
.brk.polls>div>span{background:#999}
.brk.polls>div>span::before{background-image:url(https://hlvx.net/img/icons/vote_wh.svg)}
.frm{padding:0 0 20px;text-align:center;border-radius:20px;margin:43px;background:#fff;color:#777;overflow:hidden;display:inline-block;vertical-align:top;max-width:320px;box-shadow:0 0 3px #0000003b;height:400px}
.frm.xl{max-width:750px}
.frm img{width:100%;height:auto}
.frm p{font-size:18px;line-height:25px;margin:20px 30px}
.frm>div.in,.frm img.in{display:inline-block;vertical-align:top;width:40%;margin:0 5%}
.frm img.in{width:40%;margin:60px 1% 60px 9%}
.frm>div.in{padding:10% 0 0}
.frm>div>div{width:230px;display:inline-block;vertical-align:top;padding:10px 0 0;border-right:1px solid #ddd}
.frm>div>div:last-of-type{border:none}
.frm>div>div>h2{font-weight:bold;font-size:22px;color:var(--b);margin:0px 30px}
.frm>div>div>div.img{width:100%;height:40px;background-size:auto 100%}
.frm>div>div a{color:#bbb}
.off{overflow:hidden}

#frm1{max-width:360px}
#frm7{max-width:1160px;padding:30px 0 40px;height:auto}
#frm7.frm p{margin-bottom:40px}
#frm11.frm>div.in{padding:5% 0 0}
#frm11.frm img.in{margin:50px 1% 50px 9%}
#frm11.frm img{width:75%;margin:25px auto -12px}
#frm11,#frm11b,#frm11z{background:#f7f7f7}
#frm11b.frm img{width:75%;margin:20px auto}
#frm13.frm img{margin:0 0 25px}
#frm12,#frm15{background:#e8e8e8}
#frm16{max-width:350px;margin-bottom:70px}
#frm16 a{text-decoration:none}
#str{border-radius:3px;line-height:40px;margin-top:28px !important;display:block;margin:0 auto;font-size:23px;text-decoration:none;width:200px}
#xpcl{margin:40px 0 90px}
#xpcl a{color:var(--b);font-size:87px;font-weight:bold;text-decoration:none}

.img.brs{background:url(https://hlvx.net/img/icons/brainstorm.svg) no-repeat 50%;background-size:100%}
.img.vte{background:url(https://hlvx.net/img/icons/vote.svg) no-repeat 50%}
.img.mmo{background:url(https://hlvx.net/img/icons/note.svg) no-repeat 50%}
.img.tbk{background:url(https://hlvx.net/img/icons/split.svg) no-repeat 50%}
.img.dbt{background:url(https://hlvx.net/img/icons/debate.svg) no-repeat 50%}
.img.act{background:url(https://hlvx.net/img/icons/task.svg) no-repeat 50%}

#img_hd{background:var(--h) url(https://hlvx.net/img/loadingw.svg) no-repeat 50%;background-size:50px;z-index:5;top:-2px;height:101%}
#img_hd .stg{position:absolute;top:100px;left:0;right:0;margin:0 auto;width:87%;height:87%;max-width:600px;border-radius:25px;overflow:hidden;border:1px solid var(--b);background-repeat:no-repeat;background-size:cover;max-height:600px;background-position:50%}

@media screen and (min-width:1280px){
	#frm1{margin:43px 3px 0 43px}
}

@media screen and (max-width:1300px) and (min-width:1150px){
}


@media screen and (min-width:800px) and (max-width:1250px){
	#frm7.frm>div>div{width:25%;padding:10px 4% 0;margin:10px 0 0}
	#frm7.frm>div>div:nth-of-type(3){border:none}
}

@media screen and (max-width:1200px){
}

@media screen and (min-width:1000px){
}
@media screen and (min-width:800px) and (max-width:1000px){
	#frm7.frm>div>div{width:30%;padding:10px 1.5% 0;margin:10px 0 0}
	#frm7.frm>div>div:nth-of-type(3)~div{width:300px}
}


@media screen and (max-width:900px){
}
@media screen and (max-width:850px){
}

@media screen and (min-width:800px){
	#frm5.frm img.in{width:32%;margin:30px 1% 30px 9%;border-radius:10px}
	#frm5.frm>div.in{width:46%}
	#frm11z.frm img.in{margin:34px 4% 7px 8%;width:30%}
	#frm15.frm img{margin:20px 1% 20px 9%}

}

@media screen and (max-width:800px){
	#frm7{padding:30px 0 10px}
	#frm7.frm>div>div{width:90%;padding:30px 5% 0;display:block;border-right:none;border-bottom:1px solid #ddd}
	#frm7.frm>div>div:nth-of-type(5){border:none}
	.frm>div.in{padding:0;width:90%}
	.frm img.in{width:250px;margin:30px auto 15px;display:block}
	.frm.xl{height:auto;padding:0 0 40px}
	#frm12.frm img.in{width:280px}
	#frm15.frm img.in{width:340px}
	#img_hd .stg{max-height:560px;top:90px}
	
}
@media screen and (max-width:750px){
	#xpcl a{font-size:52px}
}
@media screen and (max-width:700px){
}

@media screen and (max-width:750px) and (min-width:650px){
}

@media screen and (max-width:650px) and (min-width:500px){
}

@media screen and (max-width:650px){
	#img_hd .stg{width:100%;height:100%;max-height:600px;border-radius:0px;border:none;top:70px}
}

@media screen and (max-width:500px),only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :portrait){
	#xpcl a{font-size:43px}
	#frm15.frm img.in{width:100%}
	.frm{margin:34px 20px}
	#img_hd .stg{max-height:500px}
}

@media screen and (max-width:430px){
	#img_hd .stg{max-height:430px}
}

@media screen and (max-width:400px){
	#xpcl a{font-size:43px}
}