.mainbox { background: #f9f9f9; padding: 60px; border-radius: 20px; }
.mainbox h2 { font-size: 25px; margin-bottom: 10px; font-weight: 600; letter-spacing: 0.04em; }
.mainbox >p { font-size: 17px; letter-spacing: 0.04em; text-align: justify; margin-bottom: 20px; }
form,fieldset { border: 0; padding: 0; margin: 0; width: 100%; }
.vipmoney {   }
.vipmoney li { display: inline-block; vertical-align: top; margin: 10px 0px; width: 100%; }
.vipmoney li a { background-color: #ffdf57; padding: 10px 25px; border-radius: 50px; }
fieldset p { font-size: 17px; line-height: 210%; color: #000; font-weight: 700; }
fieldset p label { margin-right: 13px; }
form .list { margin: 10px 0 20px; }
form .list p { overflow: hidden; position: relative; font-size: 11pt; }
form .list p label { display: inline-block; width: 92px; vertical-align: middle; }
form .list p input { display: inline-block; font-size: 11pt; width: calc(100% - 110px); }
form .list p select { display: inline-block; border: 0; width: calc(100% - 110px); font-size: 11pt; vertical-align: inherit; color: #313131; background-image: url(/images/14/form-select.png); background-repeat: no-repeat; background-position: 95% 50%; outline: none; }
form .code p input { width: calc(100% - 100px); }
form .code img { margin: 0 10px; }
form .last p { border-radius: 3px; }
form .last p a,.application .last.list:last-child p button { display: block; position: relative; overflow: hidden; transition: all linear .2s; background: linear-gradient(180deg,var(--secondary) 0%,var(--primary) 55%,var(--accent) 100%); padding: 13px 65px; border-radius: 10px; color: white; font-weight: 500; border: 1px solid var(--secondary); cursor: pointer; font-size: 15px; }
.application .last.list:last-child p button:hover { background: linear-gradient(195deg,var(--secondary) 0%,var(--primary) 55%,var(--accent) 100%); }
.joinbox ul li .last p a { padding: 8px 45px; display: block; color: #fff; position: relative; overflow: hidden; transition: all linear .2s; background: #636466; }
form .last p a.face { background: #375184; padding: 8px 25px; padding-left: 60px; display: none; }
.joinbox ul li .list p a.face { background: none; padding: 0; display: inline-block; color: #484848; transition: all linear .2s; display: none; }
form .last p a.face b { position: absolute; display: block; left: 5px; top: 0; font-size: 15pt; border-right: 1px solid #233f73; width: 35px; height: 41px; text-align: center; line-height: 41px; }
.joinbox ul li .last p a.face b { display: inline-block; vertical-align: unset; margin-right: 15px; }
.sbtn {   }
.sbtn a { background: #646464; display: inline-block; color: #000; padding: 12px 25px; border-radius: 32px; font-size: 11pt; line-height: 110%; transition: all linear .2s; }
.sbtn.green a { background: #ffdf57; }
.sbtn.purple a { background: #434582; color: white; }
/**/
.application {overflow: hidden;display: grid;grid-template-columns: 50% 45%;justify-content: space-between;}
.application img { width: 450px; display: flex; margin: 0 auto; }
.application #form1 {   }
.application .poinlin { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 25px; }
.application .grtlin { display: flex; flex-direction: column; }
.application .grtlin fieldset {   }
.application h3 {   }
.application h4 { margin: 15px 0 10px 0; font-size: 14pt; width: 100%; }
.application .list { margin: 10px 0; position: relative; }
.application .last.list:last-child { margin: 30px 0 0; }
.application .list p { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; justify-content: flex-end; }
.application .list#divRP p { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.application .list#divRP p input { width: auto; margin-right: 3px; }
.application .list#divRP p span { width: 100%; font-size: 13px; letter-spacing: 0.04em; color: #818181; }
.application .list.code p font { display: flex; align-items: center; }
.application .list p.lucky_box font { display: flex; align-items: center; gap: 10px; width: 100%; }
.application .list p.lucky_box font a { width: 90px; }
.application .list p font a { background: #555; text-align: center; padding: 5px 20px; color: white; border-radius: 6px; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; }
.application .list p b { font-size: 15px; line-height: 100%; color: rgb(212,5,5); font-weight: 700; }
.application .list p label { font-size: 15px; line-height: 210%; color: var(--text-light); font-weight: 400; }
.application .list p input { border: 1px solid #e4e4e4; border-radius: 10px; padding: 10px 12px; width: 100%; }
.application .list p select { border: 1px solid #e4e4e4; border-radius: 10px; padding: 15px 12px; width: 100%; }
.application .code p input { width: 150px; margin-right: 10px; }
.application .last.list:last-child p { display: inline-block; width: auto; }
.application .list.large { width: 100%; }
.application .list.large p {   }
.application .list.large p textarea { border: 1px solid #e4e4e4; border-radius: 10px; padding: 6px; width: calc(100% - 119px); height: 20px; font-size: 11pt; }
.application.plan { width: 1160px; margin: 20px auto; }
.planStyle .plan >img { margin-bottom: 50px; }
.vipmoney .wow { animation: fadeIn 1.5s both; -webkit-animation: fadeIn 1.5s both; animation-duration: 1s; -webkit-animation-duration: 1s; }
.vipmoney ul {
  overflow:hidden;position:relative;/* margin:-10px 0 30px;*/
  padding:35px 0;/* border:3px #606d5a solid;*/
  z-index:1;border-bottom:1px solid #efefef;
}
.vipmoney ul li { float: left; width: 33%; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
.vipmoney ul li .item { padding: 20px 30px; }
.vipmoney ul li .item .circle {
  position:relative;margin:0 auto 15px;width:114px;height:114px;/* border:1px rgba(60,75,53,0.5) solid;*/
  /* -webkit-border-radius:50%;*/
  -moz-border-radius:50%;/* border-radius:50%;*/
  box-sizing:border-box;text-align:center;font-size:55px;border-bottom:2px solid #737373;line-height:114px;
}
.vipmoney ul li .item p { text-align: center; font-size: 20px; }
.vipmoney ul li .item article { text-align: center; margin-top: 20px; }
.vipmoney ul li .item .circle b { font-size: 20px; }
.vipmoney ul ul li .item p { text-align: center; font-size: 18px; }
#memberChoice .memberChoice_inner { display: grid; grid-template-columns: 1fr; gap: 24px; }
#memberChoice .memberChoice_item { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 34px 36px 30px; border: 1px solid #f1dfc5; border-radius: 18px; background: #fffaf2; box-sizing: border-box; min-height: 260px; overflow: hidden; }
#memberChoice .memberChoice_item:before { content: ""; position: absolute; right: -55px; top: -55px; width: 150px; aspect-ratio: 1; border-radius: 50%; background: linear-gradient(135deg,rgba(255,181,46,.16),rgba(255,138,31,.04)); }
#memberChoice .memberChoice_text { position: relative; z-index: 2; }
#memberChoice .memberChoice_kicker { margin-bottom: 10px; color: #ff8a1f; font-size: 12px; font-weight: 700; letter-spacing: .16em; font-family: "Arimo",sans-serif; }
#memberChoice .memberChoice_title { margin-bottom: 12px; color: #2d2926; font-size: 25px; font-weight: 500; line-height: 1.35; }
#memberChoice .memberChoice_desc { margin: 0; color: #6f6861; font-size: 15px; line-height: 1.9; }
#memberChoice .memberChoice_btn { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: max-content; min-width: 170px; margin-top: 28px; padding: 13px 24px; border-radius: 999px; font-size: 16px; font-weight: 700; text-decoration: none; box-sizing: border-box; transition: .3s ease; }
#memberChoice .memberChoice_btnPrimary { background: linear-gradient(135deg,#ffb52e 0%,#ff8a1f 55%,#ff7417 100%); color: #fff; border: 1px solid transparent; }
#memberChoice .memberChoice_btnPrimary span { color: white; }
#memberChoice .memberChoice_btnOutline { background: #fff; color: #ff8a1f; border: 1.5px solid #ff9a32; }
#memberChoice .memberChoice_btnIcon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; font-size: 15px; }
#memberChoice .memberChoice_btnPrimary:hover { background: linear-gradient(195deg,#ffb52e 0%,#ff8a1f 55%,#ff7417 100%); }
#memberChoice .memberChoice_btnOutline:hover { background: var(--primary); }
#memberChoice .memberChoice_btnOutline:hover span { color: white }
#memberChoice .memberChoice_item:last-child { background: #fff; }
#memberChoice .memberChoice_item:last-child:before { background: linear-gradient(135deg,rgba(255,138,31,.10),rgba(255,255,255,0)); }
.outside-set { margin: 0; padding: 0; }
#product-nav { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; list-style: none; overflow: unset; justify-content: space-between; }
#product-nav li { margin: 0; padding: 0; width: 100%; }
#product-nav li a { line-height: 110%; transition: all linear .2s; cursor: pointer; padding: 10px 10px; color: #666; text-align: center; font-size: 16px; font-weight: 400; background: #fbf5e9; border: 1px solid rgb(255 181 46/35%); border-radius: 10px; letter-spacing: 0.04em; display: block; }
#product-nav li a:hover { background: linear-gradient(135deg,#ffb52e 0%,#ff8a1f 55%,#ff7417 100%); border-color: transparent; color: #fff; transform: translateY(-2px); }
@media screen and (min-width:1025px) {
  form .last p a:hover { background: linear-gradient(0deg,var(--secondary) 0%,var(--primary) 55%,var(--accent) 100%); color: white; border: 1px solid var(--secondary); }
  form .last p a.face:hover { background: #0e315d; }
  .sbtn a:hover { opacity: 0.8; }
  form .code a:hover { text-decoration: underline; }
  .application .list {   }
  .access .application .list { width: 32%; }
  .application .list:nth-child(3n-1) {   }
  .access .application .list:nth-child(3n-1) { margin: 10px 0; }
  .access .application .list p { width: calc(100% - 50px); }
  .application .last.list:last-child { width: 100%; }
  .access .application .last.list:last-child { text-align: center; margin-top: 30px; }
}
@media screen and (max-width:1366px) {
  .loginStyle form { width: 100%; }
  .loginStyle .memberbg .loginbox { width: calc((100% - 300px)/2); }
  .loginStyle .memberbg:after { width: 200px; }
  .application.plan { width: 90%; }
}
@media screen and (max-width:1280px) {
  .loginStyle .memberbg .joinbox { width: calc((100% - 300px)/2 - 60px); }
  form .last p a { padding: 8px 25px; }
  .application.plan { width: calc(100% - 60px); margin: 30px auto; }
}
@media screen and (max-width:1024px) {
  .mainbox { margin-bottom: 30px; }
  .application #form1 { width: 100%; margin-left: 0; }
  .loginStyle .memberbg:after { display: none; }
  .loginStyle .memberbg .joinbox { width: calc(50% - 102px); }
  .loginStyle .memberbg .loginbox { width: calc(50% - 52px); margin: 50px 0 50px 50px; }
  .application .list:nth-child(even) {   }
  .application { margin: 0; display: flex; flex-direction: column; }
  .application .list.large { margin-left: 0; }
  .planStyle .plan >img { margin-bottom: 30px; }
}
@media screen and (max-width:768px) {
  .loginStyle .memberbg .joinbox,.loginStyle .memberbg .loginbox { width: calc(100% - 50px); margin: 25px 25px; }
  .application .list,.application .list:nth-child(even) { width: 100%; margin: 10px 0; height: auto; }
  .application.plan { width: calc(100% - 40px); margin: 20px auto; }
}
@media screen and (max-width:480px) {
  form .last p a { padding: 8px 20px; font-size: 10pt; }
  form .last p a.face { padding: 8px 15px; padding-left: 50px; }
  .mainbox {padding: 30px;}
  .application .code p input {width: 120px;}
  .application .list.large p textarea { height: 100px; }
  .application .list.large p textarea::placeholder,.application .list p input::placeholder { font-size: 8pt }
  .loginStyle .memberbg .joinbox,.loginStyle .memberbg .loginbox { width: calc(100% - 30px); margin: 15px; }
  .loginStyle .memberbg .loginbox form .bug p label { display: block; }
  .loginStyle .memberbg .loginbox form .bug p input { width: calc(100%); }
  .vipmoney ul li { width: 50%; }
  .vipmoney li a { padding: 10px 15px; }
}
@media screen and (max-width:375px) {
  .vipmoney li a { padding: 10px 36px; }
  .vipmoney ul li { width: 100%; }
}