/* member */
#dvrego {
justify-content:center;
padding-top:15px;
width: 100%;
box-sizing:border-box;
}    
@media (max-height: 680px) {
#dvrego{
padding-top: 0px; 
}
}
.dvreg {
box-sizing: border-box !important;; 
width: 792px !important;;
Height:auto;
position: relative;
padding: 20px 45px 25px 45px;
background: #FFFFFF;
color:#333333;
text-align: center;
flex: 0 1 792px;
margin:0 auto;
}
.roundshadow {
border: 1px solid #ccc; 
border-radius: 8px; 
border-top: 14px #968365 solid;
z-index: 1 !important;
box-shadow: 0px 0px 60px -15px rgba(112, 112, 112, 1);
background-image: url("https://www.hsuanpo.url.tw/css/images/reglogo.png?2026");
background-repeat: no-repeat;
background-position: 10px 10px;    
}
a {text-decoration: none;font-weight: bold;}
.alreadymem {
float:right;
line-height:20px;
font-size:14px;
color: gray;
}
.dvrgtitle {
width:100%;
Height:auto;
min-height:30px;
display: flex;
align-items: flex-start;
}
.acenter{
display: grid;
place-items:center;
}
.rgtext{
font-size:20px;
font-weight:bold;
}
.dvsteps {
display: flex;
align-items: center;
justify-content: space-between;
width: 400px;
margin-top: 25px;
margin-bottom: 15px;
}
.step-item {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.circle {
width: 20px;
height: 20px;
background-color: #e0e0e0;
color: #A3A3A3;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size:12px;
margin-bottom:4px;
}
.active .circle {
background-color: #91724C;
color: white;
box-shadow: 0 0 10px rgba(255, 140, 0, 0.3);
}
.line {
flex: 1;
height: 2px;
background-color: #e0e0e0;
margin: 0 6px;
margin-bottom: 25px;
}
.label {
font-size: 14px;
color: #333;
white-space: nowrap;
}
.dvleft {
text-align:left;
font-size: 16px;
Width:18%;
padding-top:13px;
}
.Nform  {
Width:81%;
text-align:left!important;
flex-wrap: wrap!important;
gap: 3px 25px!important;
}
.dvleft, .Nform {
display: flex;
vertical-align: top;
}
.form-item {
position: relative;
display: flex;
flex-direction: column;
flex: 0 0 calc(50% - 15px);
}
.Nform label {
box-sizing: border-box;    
font-weight: bold;
color: #333;
height:24px!important;
width:100%!important;
padding:3px 0px 7px 0px!important;
}
.inputstyle,.Nform label,.Nform input, .Nform select {
text-align:left!important;
margin-bottom: 5px !important;
display:flex!important;
}
.inputstyle,.Nform input, .Nform select {
width:calc(100% - 10px)!important;
padding:4px;
height:32px;
}
.Nform input:disabled,.Nform select:disabled {
background-color: #F2F2F2!important;
border: 1px solid #ACACAC!important;
cursor: not-allowed;
pointer-events: none; 
color: #000;
background:none
}
.dhint {
font-size:12px;
font-weight: normal;
color: gray;
margin-top: 4px;
}
.status-icon {
position: absolute;
right: -14px;
width: 20px;
height: 20px;
top: 35px;
}
.Borderline {
border-top:1px solid #CCCCCC;
padding-bottom: 16px;
}
.bottomspace {
padding-bottom: 16px;
}
.dvBottom {
width:100%;
Height:auto;
box-sizing: border-box;
padding:20px 15px 5px 15px!important;
}
.ahint {
font-size: 12px;
margin-top: 5px;
color: gray;
}
.form-question {
position: relative;
display: flex;
flex: 0 0 calc(100% - 5px);
font-weight: bold;
font-size: 18px;
margin-bottom: 12px;    
margin-top: 12px;  
padding-left: 28px;
background-position: left center;
}
.dvrform{
Width:81%;
text-align:left;
vertical-align: top;    
}