header{ background-color:transparent;}
/*
header > div > nav{ width:118px; position:absolute; right:0; top:41px; display:flex;}
header > div > nav > ul{ display:block; margin-right:0;}
header > div > nav > ul > li{ display:flex; flex-wrap:wrap; float:left; width:100%; margin:0;  justify-content:flex-start;}
header > div > nav > ul > li > a{
	position:relative;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
header > div > nav > ul > li.logoutli > a{ border:0; width:auto; padding:0; height:auto;}
header > div > nav > ul > li.logoutli > a:hover{ border:0;}
header > div > nav > ul > li > ul{ position:relative; display:flex; flex-direction: column; background-color:transparent; }
header > div > nav > ul > li.helpli > ul{background-color:transparent;width:auto; padding:0; display:flex;}
header > div > nav > ul > li > ul > li{ display:flex; flex-wrap:wrap; float:left; width:100%; padding:0;}
header > div > nav > ul > li > ul > li > a {
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #c9c9c9;
}
*/
body{background-image:url(/file/img/home0.svg); background-size:cover; }
.bodywrap{ background-image: radial-gradient(circle at 50% 50%, rgba(46, 49, 61, 0.61), rgba(0, 0, 0, 0.73) 88%);}

section{ padding-bottom:0; width:100%;}
section > .img{  width:100%; height:100%; min-height:100vh; position:relative; position:absolute;}

section > .text{ display:flex; position:relative; width:100%; flex-direction: column;
}
section > .text > h2 {
	margin-top:200px;
	flex-wrap:wrap;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction: column;
  font-size: 55px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: 0.55px;
  text-align: left;
  color: #fff;
}
section > .text > h2 > span{ display:block; width:calc(100% - 55px); margin-left:55px;}
section > .text > h2 > span > span {
  font-weight: 800;
}

section > .text > ul{ width:calc(100% - 55px); margin:80px 0; margin-left:55px;display:flex; flex-wrap:wrap;}
section > .text > ul > li{ }


section > .text > ul > li > div{
	position:relative;
	display:flex;
	flex-wrap:wrap;
  width: 220px;
  height: 286px;
  padding:12px;
  margin-right:30px;
  margin-bottom:30px;
  border-radius: 15px;
  box-shadow: 0 3px 6px 0 rgba(81, 81, 81, 0.19);
  border: solid 1px #fff;
  background-color:rgba(255,255,255,0.19);
  -webkit-backdrop-filter: blur(7px);  backdrop-filter: blur(7px);
  align-items:flex-end;
}


section > .text > ul > li > div > div{ flex-grow:1;}
section > .text > ul > li > div > div > div > h3{
  font-size: 28px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.56px;
  color: #fff;
}

section > .text > ul > li > div > div > div > p {
	margin-top:10px;
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #fff;
}

section > .text > ul > li > div > div > a{ position:absolute; right:-1px; top:31px;
   width:75px; height:30px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  background-color:#fff;
  border-radius:30px 0 0 30px;
  overflow:hidden;
}
section > .text > ul > li > div > div > a > .linktext{
	position:absolute;
	display:none;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  align-items:center; justify-content:flex-end; right:70px;
}
section > .text > ul > li > div > div > a > .linkicon{ width:75px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2275%22%20height%3D%2230%22%20viewBox%3D%220%200%2075%2030%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4963.653-4292.195h45.617l-6.423-9.607%22%20transform%3D%22translate(-4947.717%204309.356)%22%20fill%3D%22none%22%20stroke%3D%22%231435f6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5px%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");}


section > .text > ul > li.menu1li > div > div > a{ /*width:140px;*/ background-color:rgba(20,53,246,0.73); }
section > .text > ul > li.menu1li > div > div > a > .linktext{ /*display:flex; */
	width:70px;
	color: #fff;
}
section > .text > ul > li.menu1li > div > div > a > .linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2275%22%20height%3D%2230%22%20viewBox%3D%220%200%2075%2030%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4963.653-4292.195h45.617l-6.423-9.607%22%20transform%3D%22translate(-4947.717%204309.356)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5px%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}

section > .text > ul > li > div > div > aside{ margin-top:10px; }
section > .text > ul > li > div > div > aside > ul > li{ display:flex;}
section > .text > ul > li > div > div > aside > ul > li > label
,section > .text > ul > li > div > div > aside > ul > li > div{
	font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #fff;}


section > .text > ul > li.menu1li > div {  background-color: #fff;}
section > .text > ul > li.menu1li > div > div > div > h3{
  color: #000;
}
section > .text > ul > li.menu1li > div > div > div > h3{ display:flex; align-items:center; position:absolute; left:10px; top:50px;}
section > .text > ul > li.menu1li > div > div > div > h3 > .img{ width:47px; height:47px; display:inline-block;}
section > .text > ul > li.menu1li > div > div > div > h3 > .img img{ max-width:100%; max-height:100%;}
section > .text > ul > li.menu1li > div > div > div > h3 > .text {
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}
section > .text > ul > li.menu1li > div > div > div > h4{
  font-size: 24px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.56px;
  color: #000;
}
section > .text > ul > li.menu1li > div > div > div > h4 > span{
  font-size: 21px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  color: #1435f6;
}
section > .text > ul > li.menu1li > div > div > div > p {
  color: #000;
}

section > .text > ul > li.menu1li > div > div > nav > a {
  font-size: 13px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #7e7e7e;
  position:relative;
  margin-right:19px;
}

section > .text > ul > li.menu1li > div > div > nav > a:first-child::after {
	content:"";
  width: 1px;
  height: 8px;
  display:inline-block;
  background-color:#707070;
  position:absolute;
  right:-11px;
  top:5px;
  
	pointer-events: none;
}

section > .text > ul > li.menu1li > div > div > div > ul > li{ display:flex;}
section > .text > ul > li.menu1li > div > div > div > ul > li > label
,section > .text > ul > li.menu1li > div > div > div > ul > li > div{
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #7e7e7e;
}
section > .text > ul > li.menu1li > div > div > div > ul > li > label::after{ content:""; margin:0 11px; width:1.5px; height:11px; background-color:#7e7e7e; display:inline-block;}
section > .text > ul > li.menu1li > div > div > aside > ul{ background-color:#f2f2f2; border-radius:6px;}
section > .text > ul > li.menu1li > div > div > aside > ul > li{ display:flex; align-items:center; justify-content:space-around; padding:21px 0;}
section > .text > ul > li.menu1li > div > div > aside > ul > li > label {
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
section > .text > ul > li.menu1li > div > div > aside > ul > li > div{
  font-size: 17px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1435f6;
}

body.memberExist section #homemembertimeaside{ opacity:1;}
body.memberExist section #homemembernav{ display:none;}
body.memberExist section #homeinoutdate{ display:block; margin-bottom:27px; margin-top:8px;}

body.membernExist section #homemembertimeaside{ opacity:0;}
body.membernExist section #homemembernav{ display:block; margin-top:21px;}
body.membernExist section #homeinoutdate{ display:none;}


#MemberRegAgreementsDiv{ display:flex; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); align-items:center; justify-content:center;}
#MemberRegAgreementsDiv > div{ width:387px; max-height:75vh; overflow:auto; background-color:#fff; border-radius: 19px; padding:61px; padding-top:48px; position:relative;}
#MemberRegAgreementsDiv > div > form > #MemberRegAgreementsClose{ width:14.5px; height:14.5px; background-image:url(/file/img/lp_close.png); background-repeat:no-repeat; display:inline-block; position:absolute; right:23px; top:23px; background-size:cover; font-size:0;}
#MemberRegAgreementsDiv > div > form > h2{ text-align:center; float:left; width:100%;}
#MemberRegAgreementsDiv > div > form > fieldset{ border:0;}
#MemberRegAgreementsDiv > div > form > fieldset > ul{ margin-top:16px; display:inline-block; width:100%;}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > h4{ display:none;}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div{ border:1px solid #707070; border-radius: 7px; height:103px; display:flex; align-items:center; justify-content:center;}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div > div{ width:calc(98% - 34px); padding:16px; height:65px; overflow:hidden; overflow-y:auto;}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div > div::-webkit-scrollbar {
    width: 5px;
}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div > div::-webkit-scrollbar-thumb {
    background-color: #bfbfbf;
    border-radius: 5px;
    background-clip: padding-box;
    border: 5px solid #bfbfbf;
}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div > div::-webkit-scrollbar-track {
	background-color: #f2f2f2;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px white;
}

#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div > div{
  font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > div > div h4{ margin:25px auto; text-align:center; font-size:17px;}

#MemberRegAgreementsDiv > div > form > fieldset > ul > li > p{ display:inline-block; margin:14px 0;}
#MemberRegAgreementsDiv > div > form > fieldset > ul > li > p > label {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}
#MemberRegAgreementsDiv > div > form > fieldset > p{ display:flex; justify-content:center; margin-bottom:16px;}
#MemberRegAgreementsDiv > div > form > fieldset > p > label {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}

#MemberRegAgreementsDiv > div > form > fieldset > div{ margin-top:15px;}
#MemberRegAgreementsDiv > div > form > fieldset > div > a{
  width: 100%;
  height: 65px;
  border-radius: 7px;
  background-color: #1435f6;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
 
}