#sideNav .title{border-bottom:1px solid #d4d4d4;padding-bottom:20px;margin-bottom:40px}
#sideNav .title h3{font-size:1.75rem;text-align:center;font-weight:500;color:var(--primary)}

/* form_box */
#memberform .form_box {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 1em;align-items: center;width: 72%;margin: auto;}
#memberform .form_box.large_item { padding: 0; }
#memberform .form_box .flex_style{padding:0px 0px;display:grid;!i;!;grid-template-columns: 210px 1fr;gap: 0;align-items: stretch;justify-content:start}
#memberform .form_box .flex_style label{background-color:#f8f9fa;border:1px solid rgb(222 226 230);text-align:center;line-height:45px;border-radius:5px;border-bottom-right-radius:0;border-top-right-radius:0;display: flex;align-items: center;justify-content: center;}
#memberform .form_box .flex_style select {background: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 5l-6.5 7L1 5' stroke='%23002C62' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")  no-repeat calc(100% - .5em) 50% / auto 1em;padding: 10px 15px;width: 100%;border: 1px solid rgb(222 226 230);line-height: 34px;border-radius: 5px;border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: 0px;padding: 6px 15px;font-size: 14px;}

.form_box .flex_style label span{color:#dc3545;font-size:16px;vertical-align:unset;margin-left: 3px;}
.form_box .flex_style .checkbox label span{color:#000000;}
.member_center input,.member_center select{height:48px}
#memberform .form_box .verification font{display:flex;align-items:center;gap: 1px;justify-content:space-between;}
#memberform .form_box .verification font input{display:flex;align-items:center;width: calc(100% - 180px);}
#memberform .form_box .verification font a.verificationbtn{padding:0 20px;color:var(--white);background-color:var(--primary);font-size:16px;text-transform:uppercase;display:inline-flex;align-items:center;position:relative;border:1px solid hsl(0deg 0% 48.8% / 30%);line-height:40px;border-radius:22px}
#memberform .form_box .Departure_Date{grid-template-columns:7em 1fr 1em 1fr;gap:20px 20px}
#memberform .form_box .Departure_Date input[type="date"]::-webkit-calendar-picker-indicator{padding-right:20px;width:15px;height:15px;border-width:thin}
#memberform .form_box .flex_style label.large{margin-right:1em;width:7em}
#memberform .form_box .flex_style >input,.form_box .flex_style >font{width:100%;line-height:35px;align-items:center}
#memberform .form_box .flex_style >font input{border:1px solid rgb(222 226 230);line-height: 34px;border-radius:5px;border-bottom-left-radius:0;border-top-left-radius:0;border-left:0px;padding: 6px 10px;}
#memberform .form_box .flex_style input:disabled {border-color: rgba(118, 118, 118, 0.3);background-color: #e9ecef;}
#memberform .form_box .memberprivacy >font input{border:2px solid #bec0cc;border-radius:5px;padding:0}
#memberform .form_box .memberprivacy{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px}
#memberform .form_box .memberprivacy >font{display:grid;grid-template-columns:20px 1fr;gap:20px 10px}
#memberform .form_box .memberprivacy >font span a{vertical-align:bottom;margin:0 5px;color:var(--primary)}
#memberform .form_box .flex_style .groud{overflow:hidden;display:flex;align-items:center;background-color:white;background-clip:padding-box;border:1px solid var(--g_200);border-radius:.2em}
#memberform .form_box .flex_style .groud >input{width:1%;flex:1 1 auto;border:0}
#memberform .form_box .flex_style .groud >button{padding:.5em;width:10em;background:var(--red);text-align:center;color:white}
#memberform .form_box .flex_style .remarks span.words{width:100%;display:flex;justify-content:flex-end;align-items:center;font-size:.9em;color:var(--g_600)}
#memberform .form_box .flex_style .remarks span.words b{margin:0 .2em;font-size:1em}
#memberform .form_box .Departure_Date >font{border-bottom:0px #d6d6d6 solid;text-align:center;height:38px}
#memberform .form_box .sex_box{padding:.3em 0;width:100%;display:flex;align-items:center}
#memberform .form_box .sex_box >span{margin-right:1em}
#memberform .form_box .sex_box >span input{margin-right:.2em}
#memberform .form_box .address_box{width:100%;display:grid;grid-template-columns:8em 8em 1fr;grid-gap:.6em 1em;align-items:center}
#memberform .form_box .calendar{position:absolute;width:1em;height:1em;top:51%;right:1em;fill:var(--g_500);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
#memberform .form_box .check_box font{display:flex;align-items:center}
#memberform .form_box .check_box font input{width:1%;flex:1 1 auto}
#memberform .form_box .check_box font img{margin-left:.5em;cursor:pointer}
#memberform .form_box .send_box{display:flex;justify-content:end;align-items:center}
#memberform .form_box .large_item.send_box{flex-direction:column;justify-content:center;padding:30px 0;grid-column:1 / 3}
#memberform .form_box .notice_box{grid-column:1 / 3}
#memberform .form_box .send_btn {padding: .4em .5em;width: 350px;height: 45px;background: var(--primary);display: block;text-align: center;color: white;cursor: pointer;margin: auto;}
#memberform .form_box .send_btn.large_btn { width: 100%; }
#memberform .form_box .agree_box { margin-bottom: .2em; display: flex; align-items: center; }
#memberform .form_box .agree_box label[for="IsAgree"] { margin-left: .3em; width: 1%; flex: 1 1 auto; line-height: 1; }
#memberform .form_box .more_btn{display:flex;justify-content:space-between;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;flex-direction:column;width:100%;max-width:110px;background-color:var(--secondary);border:1px solid var(--secondary);border-radius:100px;font-weight:600;line-height:25px;letter-spacing:0.03rem;padding:14px 29px;overflow:hidden;font-family:"Tenor Sans",serif;color:#363636;margin:40px 0 0}
#memberform .form_box .more_btn img{width:20px;height:20px;object-fit:contain}
#memberform .form_box .more_btn:hover{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#memberform .form_box .more_btn .more{width:40px;height:40px;border-radius:50%;background-color:var(--secondary);display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;z-index: 10;}
#memberform .form_box .more_btn .more::before{content:"";position:absolute;width:8px;height:8px;border-left:1px solid #363636;border-bottom:1px solid #363636;right:0px;top:50%;left:-5px;margin:auto;-webkit-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg)}
#memberform .form_box .more_btn:after{content:"";position:absolute;right:0;top:0;z-index: 0;width:0;height:100%;background-color:var(--primary);-webkit-transition:all 0.5s 0s ease;transition:all 0.5s 0s ease}
#memberform .form_box .more_btn:hover:after{width:100%;left:0;right:auto}
#memberform .form_box .more_btn:hover font{color:#fff;z-index: 10;}

.form_box {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: .5em;align-items: center;width: 45%;margin: auto;}
.form_box.large_item { padding: 0; }
.form_box .flex_style{padding:0px 0px;display:grid;!i;!;grid-template-columns: 1fr;gap: 0;align-items:center;justify-content:start}
#contactform .member_center input,.member_center select{height:48px}
.form_box .verification font{display:flex;align-items:center;gap:10px 10px;justify-content:space-between}
.form_box .verification font input{display:flex;align-items:center;width:calc(100% - 120px)}
.form_box .verification font a.verificationbtn{padding:0 20px;color:var(--white);background-color:var(--primary);font-size:16px;text-transform:uppercase;display:inline-flex;align-items:center;position:relative;border:1px solid hsl(0deg 0% 48.8% / 30%);line-height:40px;border-radius:22px}
.form_box .Departure_Date{grid-template-columns:7em 1fr 1em 1fr;gap:20px 20px}
.form_box .Departure_Date input[type="date"]::-webkit-calendar-picker-indicator{padding-right:20px;width:15px;height:15px;border-width:thin}
.form_box .flex_style label.large{margin-right:1em;width:7em}
.form_box .flex_style >input, .form_box .flex_style >font{width:100%;/* height: 48px; */line-height:35px;align-items:center}

.form_box .memberprivacy{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px}
.form_box .memberprivacy >font{display:grid;grid-template-columns:20px 1fr;gap:20px 10px}
.form_box .memberprivacy >font span a{vertical-align:bottom;margin:0 5px;color:var(--primary)}
.form_box .flex_style .groud{overflow:hidden;display:flex;align-items:center;background-color:white;background-clip:padding-box;border:1px solid var(--g_200);border-radius:.2em}
.form_box .flex_style .groud >input{width:1%;flex:1 1 auto;border:0}
.form_box .flex_style .groud >button{padding:.5em;width:10em;background:var(--red);text-align:center;color:white}
.form_box .flex_style .remarks span.words{width:100%;display:flex;justify-content:flex-end;align-items:center;font-size:.9em;color:var(--g_600)}
.form_box .flex_style .remarks span.words b{margin:0 .2em;font-size:1em}
.form_box .Departure_Date >font{border-bottom:0px #d6d6d6 solid;text-align:center;height:38px}
.form_box .sex_box{padding:.3em 0;width:100%;display:flex;align-items:center}
.form_box .sex_box >span{margin-right:1em}
.form_box .sex_box >span input{margin-right:.2em}
.form_box .address_box{width:100%;display:grid;grid-template-columns:8em 8em 1fr;grid-gap:.6em 1em;align-items:center}
.form_box .calendar{position:absolute;width:1em;height:1em;top:51%;right:1em;fill:var(--g_500);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.form_box .check_box font{display:flex;align-items:center}
.form_box .check_box font input{width:1%;flex:1 1 auto}
.form_box .check_box font img{margin-left:.5em;cursor:pointer}
.form_box .send_box{display:flex;justify-content:end;align-items:center}
.form_box .large_item.send_box{flex-direction:column;justify-content:center;padding:30px 0;grid-column:1 / 3}
.form_box .notice_box{grid-column:1 / 3}
.form_box .send_btn {padding: .4em .5em;width: 350px;height: 45px;background: var(--primary);display: block;text-align: center;color: white;cursor: pointer;margin: auto;}
.form_box .send_btn.large_btn { width: 100%; }
.form_box .agree_box { margin-bottom: .2em; display: flex; align-items: center; }
.form_box .agree_box label[for="IsAgree"] { margin-left: .3em; width: 1%; flex: 1 1 auto; line-height: 1; }
.form_box .more_btn{display:flex;justify-content:space-between;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;flex-direction:column;width:100%;max-width:110px;background-color:var(--secondary);border:1px solid var(--secondary);border-radius:100px;font-weight:600;line-height:25px;letter-spacing:0.03rem;padding:14px 29px;overflow:hidden;font-family:"Tenor Sans",serif;color:#363636;margin: 20px 0 0;}
.form_box .more_btn img{width:20px;height:20px;object-fit:contain}
.form_box .more_btn:hover{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.form_box .more_btn .more{width:40px;height:40px;border-radius:50%;background-color:var(--secondary);display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;z-index: 10;}
.form_box .more_btn .more::before{content:"";position:absolute;width:8px;height:8px;border-left:1px solid #363636;border-bottom:1px solid #363636;right:0px;top:50%;left:-5px;margin:auto;-webkit-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg)}
.form_box .more_btn:after{content:"";position:absolute;right:0;top:0;z-index: 0;width:0;height:100%;background-color:var(--primary);-webkit-transition:all 0.5s 0s ease;transition:all 0.5s 0s ease}
.form_box .more_btn:hover:after{width:100%;left:0;right:auto}
.form_box .more_btn:hover font{color:#fff;z-index: 10;}

.contentbox .form_box .flex_style #other, .contentbox .form_box .flex_style >font input{
    background: rgba(var(--gray-rgb), .2);
}

.checkbox{display:flex;grid-template-columns:repeat(6,1fr);gap:10px 20px;flex-wrap:wrap;padding:10px}
.checkbox label{display:flex;align-items:center;gap:7px 4px}

.checkbox font{vertical-align:text-bottom;align-items:center}
.imgupload .checkbox{align-items:center;display:grid;grid-template-columns: 90px 90px;gap: 10px 0px;justify-content:space-between}
.imgupload .checkbox #btnImg{padding: 0 20px;color: var(--white);background-color: var(--primary);font-size: 16px;text-transform: uppercase;display: inline-flex;align-items: center;position: relative;border: 1px solid hsl(0deg 0% 48.8% / 30%);line-height: 40px;border-radius: 22px;width: auto;text-align: center;cursor: pointer;}



.bgTxt.title.aos-init {}


/* Checkbox & Radio */
input[type=checkbox], input[type=radio] {position: relative;padding: 0;height: 20px;width: 20px;background: none;border: 2px solid #bec0cc;display: inline-block;border-radius: 10%;vertical-align: -.8rem;outline: none;color: #fff;cursor: pointer;right: 0;bottom: 0;left: 0;border-radius: 4px;-webkit-transition: all .15s ease-out 0s;transition: all .15s ease-out 0s;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
input[type=checkbox]:before, input[type=checkbox]:after { position: absolute; background: #fff; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; content: ""; }
input[type=checkbox]:before { width: 0; height: 2px; left: 2px; top: 6px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
input[type=checkbox]:after { width: 2px; height: 0; right: 9px; bottom: 3px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); -webkit-transition-delay: .2s; transition-delay: .2s; }
input[type=checkbox]:checked:before { width: 6px; height: 2px; left: 1px; top: 10px; }
input[type=checkbox]:checked:after { width: 2px; height: 14px; right: 5px; bottom: 1px; }
input[type=checkbox]:indeterminate:before, input[type=checkbox]:indeterminate:after { width: 7px; height: 2px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
input[type=checkbox]:indeterminate:before { left: 1px; top: 7px; }
input[type=checkbox]:indeterminate:after { right: 1px; bottom: 7px; }
input[type=radio] { border-radius: 50%; }
input[type=radio]:checked:before { -webkit-transform: scale(1); transform: scale(1); }
input[type=radio]:before { margin: 3px; width: 10px; height: 10px; display: block; border-radius: 50%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all ease-out 250ms; transition: all ease-out 250ms; content: ""; }
input[type=checkbox]:checked, input[type=checkbox]:indeterminate { background: #4caf50; border-color: #4caf50; }
input[type=radio]:checked:before {background: var(--primary);}


#wrap .provider_page .title{border-bottom: 2px solid #2b832b;}
#wrap .demander_page .title{border-bottom: 2px solid #036eb8;}
#wrap .demander_page .title h3{    color: #036eb8;}


@media screen and (max-width: 1160px) {
	#memberform .form_box {width: 70%;}
	.form_box {width: 70%;}

}
@media screen and (min-width: 1161px){
	#member_page:hover { box-shadow: 0 0 .5em var(--g_200); }
}
@media screen and (min-width: 981px){

}
@media screen and (max-width: 980px) and (min-width: 641px){
    #memberform .form_box{padding: 2em 1em;}
    .form_box{padding: 2em 1em;}
}

@media screen and (max-width: 980px) {
	#memberform .form_box .large_item {grid-column: 1 / 3;}
    #memberform .form_box .send_btn{width: 200px;}
	#memberform .form_box {width: 100%;}

    .form_box .large_item {    grid-column: 1 / 3;}
    .form_box .send_btn{width: 200px;}
	.form_box {width: 100%;}
}
@media screen and (min-width: 641px){
	#memberform .form_box .flex_style label {color: #222;font-size: 15px;/* line-height: 30px; */}
	#memberform .form_box .memberprivacy >font{height: 28px;}

	.form_box .flex_style label {color: #222;font-size: 17px;line-height: 30px;margin-bottom: 5px;}
	.form_box .memberprivacy >font{height: 28px;}

}
@media screen and (max-width: 640px){
    #memberform .form_box .flex_style select{}
	#memberform .form_box {grid-gap: 15px 0;padding: 0;}
	#memberform .form_box .address_box { grid-template-columns: repeat(2, 1fr); grid-template-areas: "city area" "inp inp"; }
	#memberform .form_box .address_box .address_inp { grid-area: inp; }
    #memberform .form_box .flex_style{padding:0;grid-template-columns: 82px 1fr;display: grid;align-items: center;}
	#memberform .form_box .memberprivacy{
    grid-template-columns: 1fr;
}
    #memberform .form_box .form_item label{
    line-height: 140%;
    font-size: 14px;
    height: 48px;
}
       #memberform .form_box .verification label{
}
 
	#memberform .form_box .Departure_Date{grid-template-columns:1fr .5em 1fr;gap:10px 5px;display:grid}
    #memberform .form_box .Departure_Date label{grid-column-start: 1;grid-column-end: 4;grid-row-start: 1;grid-row-end: 2;}

    .form_box {grid-gap: 16px 0;padding: 0;}
	.form_box .address_box { grid-template-columns: repeat(2, 1fr); grid-template-areas: "city area" "inp inp"; }
	.form_box .address_box .address_inp { grid-area: inp; }
    .form_box .flex_style{padding:0;gap:6px 30px}
	.form_box .form_item label{line-height:26px}
	.form_box .Departure_Date{grid-template-columns:1fr .5em 1fr;gap:10px 5px;display:grid}
    .form_box .Departure_Date label{grid-column-start: 1;grid-column-end: 4;grid-row-start: 1;grid-row-end: 2;}

 
   .imgupload .checkbox #btnImg, #memberform .form_box .verification font a.verificationbtn,#memberform .form_box .verification font{
    font-size: 14px;
}
}