#tabJoin:after {
	content: ''; display: block; clear: both;
}
#tabJoin {
	/*border-bottom: 1px solid var(--color-line);*/
}
#tabJoin > li {
	float: left; width: calc(33.3333% - 5px);
}
#tabJoin > li a {
	display: block; position: relative; padding: 10px 0;
	text-align: center;
}
#tabJoin > li a:after {
	position: absolute; top: 9px; right: 0;
	content: '|'; color: #ccc;
}
#tabJoin > li:last-child a:after { content: ''; }
#tabJoin > li a.active { color: var(--point-main); }

#tabJoin ~ section {
	margin: 10px 0 0; padding: 10px 0 0;
	border-top: 1px solid #eee;
}
#tabJoin ~ section .form-title { margin: 0 0 5px; }
#tabJoin ~ section .form-title:before {
	content: '*'; font-size: 20px; color: #a00; font-weight: 800;
	position: relative; top: 5px; margin: 0 5px 0 0;
}


#tabJoin ~ section table {
	width: 100%; border-collapse: collapse;
}
#tabJoin ~ section table tr td {
	border: 1px solid var(--color-line); padding: 10px;
	/*vertical-align: top;*/
}
select[name="type1"], select[name="type2"] {
	float: left; width: calc(50% - 5px);
}
select[name="type1"] { margin-right: 5px; }
select[name="type2"] { margin-left: 5px; }


#tabJoin ~ section .teaser tr td:nth-of-type(1) {
	width: 115px;
}

#tabJoin ~ section .teaser tr td .form-group {
	float: left; margin: 0 15px 0 0;
}
#tabJoin ~ section .teaser tr td .form-group label {
	position: relative; left: -4px;
    padding-left: 5px; cursor: pointer;
}

.registe-btn {
	width: 80px; display: block; margin: 15px auto !important;
}
textarea.form-control {
	height: 100px;
}


/*.userjoinform-group:after {
	content: ''; display: block; clear: both;
}
.userjoinform-group > h2 {
	margin: 20px 0 10px; padding: 0 0 10px;
	font-size: 18px;
	border-bottom: 1px solid #eee;
}
.userjoinform-group .form-group {
	position: relative; margin: 0 0 10px;
}
.userjoinform-group .form-group:after {
	content: ''; display: block; clear: both;
}

.userjoinform-group .form-group > input.form-control {
    width: calc(100% - 21px);
    background-color: var(--color-bg); color: var(--color-txt);
}

.userjoinform-group .form-group > button {
	width: 104px; height: 52px;
	position: absolute; top: 0; right: -4px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}
.userjoinform-group .form-group > button:hover { background-color: #950202 !important; }
.userjoinform-group .form-group > button.active { background-color: #1093a5 !important; }

.overlap-info {
	display: none; margin: 0 0 20px 0;
	color: #dc3545; font-size: 13px;
}
.overlap-info span { font-size: 13px; }

.name-info, .phone-info {
	margin: 0 0 20px 0;
	font-size: 13px;
}

.use-btn {
	cursor: pointer;
    font-size: 14px;
    margin: 0 0 0 10px; padding: 5px 10px;
    background-color: #1093a5; color: #fff;
    border-radius: 3px;

    -webkit-transition: all .2s ease-in-out;
    -moz-transition:    all .2s ease-in-out;
    -ms-transition:     all .2s ease-in-out;
    -o-transition:      all .2s ease-in-out;
    transition:         all .2s ease-in-out;
}


.userjoinform-group .form-group .form-control[name="messenger"] {
	float: left; width: 120px; height: 52px; margin: 0 10px 0 0;
	background-color: var(--color-bg); color: var(--color-txt);
}
.userjoinform-group .form-group .form-control[name="messengerid"] {
	float: left; width: calc(100% - 156px);
}



.userjoinform-group > .join-btn {
	display: block; width: 100px; margin: 0 auto;
}

.userjoinform-group .form-group.favorite {
	width: calc(100% - 26px); padding: 12px;
	border: 1px solid var(--color-line);
}
.userjoinform-group .form-group > .radio-group:after {
	content: ''; display: block; clear: both;
}
.userjoinform-group .form-group > .radio-group {
	float: left; width: calc(25% - 1px);
}
.userjoinform-group .form-group > .radio-group > input[type="radio"] {
	display: block; float: left; width: 15px; height: 15px; margin: 0 5px 0 0;
}
.userjoinform-group .form-group > .radio-group > label {
	display: block; float: left; width: calc(100% - 20px); cursor: pointer;
}




.userjoinform-group .prevent-group:after {
	content: ''; display: block; clear: both;
}
.userjoinform-group .prevent-group { margin: 0 0 10px 0; }
.userjoinform-group .prevent-group > label {
	display: block; float: left; width: 100px;
	position: relative; top: 16px;
	font-size: 20px; text-align: center;
}
.userjoinform-group .prevent-group > .form-control {
	float: left; width: calc(100% - 126px);
}



.userjoinform-group .terms-group:after,
.userjoinform-group .terms-group .terms-section:after {
	content: ''; display: block; clear: both;
}
.userjoinform-group .terms-group {
	margin: 0 0 10px 0;
}
.userjoinform-group .terms-group .terms-section {
	float: left; width: calc(50% - 27px); padding: 10px;
	border: 1px solid var(--color-line);
}
.userjoinform-group .terms-group .terms-section:nth-of-type(1) {
	margin: 0 5px 0 0;
}
.userjoinform-group .terms-group .terms-section:nth-of-type(2) {
	margin: 0 0 0 5px;
}



.userjoinform-group .terms-group .terms-section .terms-content {
	height: 200px; margin: 10px 0; overflow: auto;
}
.userjoinform-group .terms-group .terms-section .terms-content::-webkit-scrollbar { width: .5em; }
.userjoinform-group .terms-group .terms-section .terms-content::-webkit-scrollbar-track { background: var(--color-bg); }
.userjoinform-group .terms-group .terms-section .terms-content::-webkit-scrollbar-thumb { opacity: 0; background: var(--color-txt); border-radius: .5em; }
.userjoinform-group .terms-group .terms-section .terms-content::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }
.userjoinform-group .terms-group .terms-section .terms-content > section {
	padding: 10px;
}

.userjoinform-group .terms-group .terms-section .terms-content > section > .section-group { margin: 20px 0; }
.userjoinform-group .terms-group .terms-section .terms-content > section > .section-group * { font-size: 14px; margin: 10px 0; line-height: 1.5em; }
.userjoinform-group .terms-group .terms-section .terms-content > section > .section-group > h2 {}
.userjoinform-group .terms-group .terms-section .terms-content > section > .section-group > p {}
.userjoinform-group .terms-group .terms-section .terms-content > section > .section-group > h3 { margin: 10px 0 10px 12px; }
.userjoinform-group .terms-group .terms-section .terms-content > section > .section-group > h4 { margin: 10px 0 10px 28px; }

.userjoinform-group .terms-group .terms-section .terms-agree:after {
	content: ''; display: block; clear: both;
}
.userjoinform-group .terms-group .terms-section .terms-agree {
	float: right;
}
.userjoinform-group .terms-group .terms-section .terms-agree .form-control {
	float: left; width: 15px; height: 15px; margin: 0 10px 0 0;
}
.userjoinform-group .terms-group .terms-section .terms-agree > label {
	float: left; cursor: pointer;
}

@media screen and (max-width: 768px) {
	.userjoinform-group .terms-group .terms-section {
		width: calc(100% - 22px); margin: 0 0 10px 0 !important;
	}
}*/