.select { position: relative; }

.select select { background: white; padding: 0 1.7rem 0 .8em; height: 3.8rem; }

.select::after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; pointer-events: none; transform: rotate(45deg) translateY(-100%); width: .5em; height: .5em; border: 2px solid #999; border-radius: 2px; border-top: 0; border-left: 0; z-index: 2; }

.checkbox { position: relative; margin-bottom: 10px; }

.checkbox input { width: 100%; height: 100%; position: absolute; z-index: 3; visibility: hidden; }

.checkbox input:checked ~ label span::after { content: ""; display: block; position: absolute; top: 0; left: 5px; width: .5rem; height: 1rem; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }

.checkbox span { position: relative; width: 1.5rem; height: 1.5rem; background: #ffc101; z-index: 2; margin-left: 1rem; margin-right: 8px; }

.radioBox { position: relative; margin-bottom: 10px; }

.radioBox input { width: 100%; height: 100%; position: absolute; z-index: 3; visibility: hidden; }

.radioBox input:checked ~ label span::after { content: ""; display: block; position: absolute; margin: 4px; width: 0.5rem; height: 0.5rem; border: solid #095d7d; border-radius: 50%; background-color: #095D7A; }

.radioBox span { position: relative; width: 1.5rem; height: 1.5rem; border: 1px solid #095d7d; border-radius: 50%; z-index: 2; margin-left: 1rem; margin-right: 10px; }

/* staff css start */
.fx_gr { display: flex; align-items: center; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #f2f2f2; }

.fx_gr.str { align-items: flex-start; }

.fx_gr.non_fx { display: block; }

.fx_gr.non_fx > p { margin-bottom: .7em; }

.fx_gr.non_fx > div { width: 100%; }

.fx_gr *:not(input) { font-size: .8rem; }

.fx_gr > *:first-child { color: #999; width: 9em; }

.fx_gr > *:last-child { width: calc(100% - 9em); }

.fx_gr input { padding: .5rem .5rem; background: white; border: 1px solid #f2f2f2; font-size: 13px; }

.fx_gr.type_2 { border-bottom: none; padding-bottom: 0; }

.fx_gr .tag_2 > * { width: 48%; }

.content1 .subTitle { display: flex; align-items: center; margin-bottom: 1.5rem; }

.content1 .subTitle::before, .subTitle::after { content: ''; display: block; height: 1px; background: #333; flex-grow: 1; }

.content1 .subTitle::before { margin-right: 1rem; }

.content1 .subTitle::after { margin-left: 1rem; }

.content1 .circleImg { padding: 5px; border-radius: 50%; }

.content1 .circleImg img { border-radius: 50%; }

.content1 .childInfo { position: relative; align-items: flex-end; }

.content1 .childInfo::after { content: ""; display: block; position: absolute; width: 100%; height: 3rem; background: #ed4f8d; }

.content1 .childInfo .circleImg { width: 70px; position: relative; z-index: 2; background: #f7f6f0; margin: 0 0 .3rem 1rem; }

.content1 .childInfo .name { margin: 0 0 .2rem 1rem; position: relative; z-index: 2; color: white; width: 70%; }

.content1 .childInfo .name ruby { font-size: 1.3rem; color: white;}

.content1 .childInfo .name ruby rt {color: white;}

.content1 .enterLeave { position: relative; }

.content1 .enterLeave .currentTime button { position: relative; margin-top: 7rem; }

.content1 .enterLeave .currentTime button span { position: relative; z-index: 2; display: block; }

.content1 .enterLeave .currentTime button span:first-child { font-size: 3rem; font-weight: bold; background: rgba(245, 221, 147, 0.7); padding: .7rem 1rem; margin-bottom: 1rem; }

.content1 .enterLeave .currentTime button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; font-size: 17rem; }

.content1 .registerForm { min-height: calc(100vh - 38.6px); position: relative; }

.content1 .registerForm .mainInner { min-height: calc(100vh - 38.6px); padding: 2rem 0; display: flex; flex-direction: column; }

.content1 .registerForm .mainInner > button { margin: auto auto 0; }

.content1 .registerForm form { width: 85%; margin: 0 auto; }

.content1 .registerForm .childCheck { background: #3db5e8; border-radius: 10px; padding: 1rem; }

.content1 .registerForm .childCheck .checkbox { margin-bottom: 1rem; }

.content1 .registerForm .childCheck .checkbox:last-child { margin-bottom: 0; }

.content1 .registerForm .childCheck .checkbox label :not(span) { opacity: .7; }

.content1 .registerForm .childCheck .checkbox input:checked ~ label :not(span) { opacity: 1; }

.content1 .registerForm .childCheck .childInfo { margin-bottom: 1rem; align-items: center; }

.content1 .registerForm .childCheck .childInfo:last-child { margin-bottom: 0; }

.content1 .registerForm .childCheck .childInfo .circleImg { width: 60px; margin: 0; }

.content1 .registerForm .childCheck .childInfo .name { flex: 2; }

.content1 .enterLeaveRegistered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.content1 .enterLeaveRegistered p { margin-bottom: .7rem; }

.content1 .isComplete .registerTime { margin-top: 3rem; }

.content1 .isComplete .registerTime h2 { font-size: 6rem; }

.content1 .isComplete .registerTime p { font-size: 1.1rem; }

.content1 .childState .timeToEnter { font-size: 1.1rem; background: #6abede; padding: .7rem 0; border-radius: 10px; color: white; }

.content1 .childState .timeToEnter span { font-size: 1.5rem; font-weight: bold; margin-left: 1rem; }

.content1 .childStateDetail .slideMenuWrap + .slideMenuWrap { margin-top: 2rem; }

.content1 .childStateDetail .checkbox label span { margin: 0 .7rem .7rem auto; }

.content1 .childStateDetail .childInfo::after { border-radius: 7px 7px 0 0; }

.content1 .childStateDetail .inner { padding: 1.5rem 1rem; background: #ed4f8d; border-radius: 0 0 7px 7px; }

.content1 .childStateDetail .inner .ipGroup > span { color: white; }

.content1 .childStateDetail .inner .radioBox input:checked ~ label { background: white; color: #e86243; }

.content1 .childStateDetail .inner .radioBox label { border-color: white; color: white; }

.content1 form .ipGroup { margin-bottom: 1.5rem; }

.content1 form .ipGroup:last-child { margin-bottom: 0; }

.content1 form .ipGroup.fx { align-items: center; }

.content1 form .ipGroup > span { min-width: 5.5rem; text-align-last: justify; margin-right: 1rem; }

.content1 form .ipGroup input { padding: 0 .7rem; height: 2.8rem; }

.content1 form .aux {align-items: center;background: white;}

.content1 form .aux span { margin: 0 .4rem; }

.content1 .formA input { background: transparent; padding: 0 .5rem 3px; border-bottom: 1px solid #333; margin-bottom: 2.5rem; }

.content1 .formA.wht input { border-color: white; }

.content1 .formA.wht input::placeholder { color: white; }

.content1 .checkbox { position: relative; }

.content1 .checkbox input { width: 100%; height: 100%; position: absolute; z-index: 3; visibility: hidden; }

.content1 .checkbox input:checked ~ label span::after { content: ""; display: block; position: absolute; top: 0; left: 5px; width: .5rem; height: 1rem; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); }

.content1 .checkbox span { position: relative; width: 1.5rem; height: 1.5rem; background: #ffc101; z-index: 2; margin-left: 1rem; }

.content1 .radioBox { position: relative; margin-right: .9rem; padding: .7rem 0; }

.content1 .radioBox:last-child { margin-right: 0; }

.content1 .radioBox input { position: absolute; visibility: hidden; z-index: 3; }

.content1 .radioBox input:checked ~ label { background: #5c80b7; color: white; }

.content1 .radioBox label { border: 1px solid #5c80b7; padding: .7rem 1rem; color: #5c80b7; }

.content1 .subTitle { display: flex; align-items: center; margin-bottom: 1.5rem; }

.content1 .subTitle::before, .subTitle::after { content: ''; display: block; height: 1px; background: #333; flex-grow: 1; }

.content1 .subTitle::before { margin-right: 1rem; }

.content1 .subTitle::after { margin-left: 1rem; }

.title { font-size: 1em; text-align: center; letter-spacing: 5px; }

/* staff css end*/