/* general class set */
.fixed_box { position: fixed; }
.box_relat , .box_relat >* { position: relative; }
.abso_box { position: absolute; z-index: 4; }
.box_relat .abso_tag { position: absolute; width: 100%; height: 100%; z-index: 5; }
.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.d-inkink-block.text-clamp { display: -webkit-inline-box; }
.nowrap_box { font-size: 0; letter-spacing: 0; }
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }

/* memberTabs */
#memberTabs { margin: 50px 0; }
#memberTabs ul.tabs {margin: 50px 0 35px;text-align: center;padding: 0 15px;border-bottom: 1px #dcdcdc solid;font-size: 0;}
#memberTabs ul.tabs li { display: inline-block; vertical-align: top; }
#memberTabs ul.tabs li a {padding: 10px 25px;background: #fff;border: #bfbfbf solid;border-width: 1px 1px 0 0;display: inline-block;color: #757575;}
#memberTabs ul.tabs li:first-child a { border-left-width: 1px; }
#memberTabs ul.tabs li.active a {background: #5a5a5a;border-width: 0 1px 1px;border-color: #969696;color: #fff;}

/* tab1 member_form */
#member_form li {margin-bottom: 20px;padding: 15px 10px;border: 1px #d6d6d6 solid;}
#member_form li:nth-child(2n) {background: rgb(204 204 204 / 20%);border: 0;}
#member_form li a {width: 30px;height: 30px;background: #405d1f;display: block;border-radius: 50%;text-align: center;line-height: 27px;letter-spacing: 0;color: #fff;top: -10px;right: -10px;}
#form1 p.adlist input { margin: 0 10px; width: 30px; display: inline-block; text-align: center; }
#form1 p.adlist a { margin-left: 20px; padding: 5px 15px; background: #f7ecea; border-radius: 5px; display: inline-block; color: #2d2d2d; vertical-align: middle; }

/* tab2 */
#tab2 .title a { color: #e65335; }
#tab2 .upbtns label { position: relative; margin-bottom: 0; width: 100%; height: 40px; display: block; cursor: pointer; }
#tab2 .upbtns label font { width: 150px; height: 100%; display: inline-block; }
#tab2 .upbtns label #fileName {padding: 5px 20px;width: calc(100% - 192px);height: 28px;border: 1px #e6e6e6 solid;}
#tab2 .upbtns label #progress { position: absolute; width: calc(100% - 150px); top: 0; left: 0; }
#tab2 .upbtns label #progress span { position: absolute; width: 0; height: 100%; background: rgb(215 162 151 / 40%); display: block; top: 0; left: 0; }
#tab2 .upbtns label font:last-child {background: #e6e6e6;line-height: 40px;text-align: center;font-size: 18px;color: #212121;}
#tab2 .upbtns input[type="file"] { display: none; }

/* upform1 */
#upform1 { overflow: hidden; width: 0; height: 0; }

@media screen and (min-width: 1281px) {
	#memberTabs ul.tabs li:hover a {background: #a9a9a9;border: 1px solid #a2a2a2;color: #fff;}
}
@media screen and (min-width:981px) {
}
@media screen and (max-width:980px) {
	#memberTabs ul.tabs { padding: 0; border-bottom: 0; }
	#memberTabs ul.tabs li a , #memberTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
}