/* member_form */
.member_form .form_tabs { border-bottom: 1px #a0a0a0 solid; }
.member_form .form_tabs a { padding: 20px 25px; font-size: 17px; border-bottom: 2px transparent solid; -webkit-transform: translateY(1px); transform: translateY(1px); color: #5d5d5d; }
.member_form .form_tabs a.acion { border-color: #000; color: #000; }
.member_form .input_list .border_box { padding: 15px 20px; border: 1px #cdcdcd solid; }
.member_form .input_list .border_box svg { width: 25px; height: 25px; fill: #7b7b7b; }
.member_form .input_list .border_box label { margin: 0 20px; width: 70px; display: block; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; font-size: 17px; color: #373737; }
.member_form .input_list .border_box input {padding: 0;width: 1%;flex: 1 auto;border: 0;background: none;}
.member_form .input_list >.checknum { padding: 15px 20px; border-bottom: 1px #ccc solid; }
.member_form .input_list >.checknum input {border: 0;background: none;}
.member_form .input_list .item { padding: 15px 20px; }
.member_form .input_list .item.border_b { border-bottom: 1px #e8e8e8 solid; }
.member_form .input_list .item >label { position: relative; margin: 0 0 .2em; width: 100%; display: block; font-weight: 500; font-size: 18px; color: #393939; }
.member_form .input_list .item >font { width: 1%; display: flex; flex-direction: row; flex: 1 auto; }
.member_form .input_list .item input {border: 1px #d2d2d2 solid;border-radius: 0;background: none;}
.member_form .input_list .item select { padding: .619rem 1rem; font-weight: bold; font-size: 16px; color: #757575; }
.member_form .input_list .item font .calendar { position: absolute; width: 17px; height: 17px; fill: #a0a0a0; top: calc((100% - 17px) / 2); right: 20px; z-index: 1; }
.member_form .input_list .item font .words { display: flex; align-items: center; justify-content: flex-end; color: #6f6f6f; }
.member_form .input_list .item.required >label:after { content: "*"; }
.member_form .input_list .item .address select { width: 48%; }
.member_form .input_list .item.code a[data-action="copy"] { padding: .3em 1.5em; background: #e9e9e9; color: #404040; }
.member_form .input_list .item.code a[data-action="copy"]:active { -webkit-animation: bounce .2s 1 linear; animation: bounce .2s 1 linear; }
.member_form .input_list .item.code span { font-weight: 300; font-size: 14px; color: #a5a5a5; }
.member_form .input_list .item.login_name font { display: flex; flex-wrap: wrap; align-items: center; }
.member_form .input_list .item.login_name font .bind { margin-left: 1em; }
.member_form .input_list .item.login_name font .btn { padding: 0; border-radius: .37em; display: inline-flex; justify-content: space-between; align-items: center; }
.member_form .input_list .item.login_name font .btn svg { margin: 0 .6em; width: 30px; height: 30px; fill: #fff; }
.member_form .input_list .item.login_name font .btn font { padding: .2em 0; width: 150px; border-left: 1px rgb(0 0 0 / 10%) solid; display: flex; justify-content: center; align-items: center; flex: 1 1 auto; color: #fff; }
.member_form .input_list .item.login_name font .isbind { display: inline-flex; align-items: center; }
.member_form .input_list .item.login_name font .isbind svg { margin-right: .2em; width: 33px; height: 33px; fill: #06C755; }
.member_form .input_list .item.login_name font .btn.line , .member_form .quit_login a.btn.line { background: #06C755; }
.member_form .send_box .btn { padding: 10px; display: block; letter-spacing: .2em; font-weight: 300; font-size: 17px; }
.member_form .send_box .join * { font-weight: 300; font-size: 18px; color: #707070; }
.member_form .send_box .join a { padding: 2px; display: block; border-bottom: 1px #404040 solid; color: #404040; }
.member_form .send_box .askpass a {font-weight: 300;color: #707070;display: block;text-align: center;}
.member_form .quit_login { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.member_form .quit_login a.btn { padding: 0; width: min(100%, 350px); border-radius: .37em; display: inline-flex; justify-content: space-between; align-items: stretch; }
.member_form .quit_login a.btn svg { margin: .2em .6em; width: 40px; height: 40px; fill: #fff; }
.member_form .quit_login a.btn font { width: 1%; border-left: 1px rgb(0 0 0 / 10%) solid; display: flex; justify-content: center; align-items: center; flex: 1 1 auto; font-size: 1.2em; color: #fff; }
[class*="icheck-material"] > label a{font-size:14px;}
/* member_wrap */
#member_wrap {padding: 5vw 0;z-index: 1;padding: 2vw 0 15vw;background-image: url(/images/00/Bg.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
#member_wrap .workframe {margin: 0 auto;width: 95vw;}
#member_wrap .member_form {margin: 15px;padding: 5% 8%;background: #f7f7f7;border: 1px #dcdcdc solid;outline: 15px #f7f7f7 solid;}
#member_wrap .member_form .input_list .item >label { color: #686868; }

/* member_rule */
#member_rule { overflow: hidden; width: 0; max-height: 0; display: none; opacity: 0; }
#member_rule::-webkit-scrollbar { width: 5px; }
#member_rule::-webkit-scrollbar-track { background: #e5e5e5; }
#member_rule::-webkit-scrollbar-thumb { background: #5a5454; }
#member_rule * { font-size: inherit; }
#member_rule ol.rulelist { padding-left: 20px; list-style: decimal; }
#member_rule ol.rulelist li { padding: 0 0 10px 10px; }
.fancybox-slide--current #member_rule { overflow-y: scroll; width: 800px; max-height: 55vh; opacity: 1; }

/* notice_box */
.notice_box { padding: 4% 5%; background: #fff; border: 5px #e9e9e9 solid; }
.notice_box h3 { margin: 0 0 15px; font-weight: 300; font-size: 20px; color: #b9b9b9; }
.notice_box h3 i { color: #b9b9b9; }
.notice_box ol { padding: 0 0 0 25px; list-style: decimal; }
.notice_box ol li { margin: 0 0 10px; list-style: decimal; color: #000; }

/* card_list */
#card_list { margin-bottom: 30px; }
#card_list li {padding: 2% 5%;background: #ededed;border-radius: 1em;}
#card_list li .icon {width: 95px;height: 95px;border-radius: 50%;border: 5px #adadad solid;}
#card_list li .icon svg {width: 50%;height: 100%;fill: #adadad;}
#card_list li .info { margin-left: 4%; width: 1%; flex: 1 auto; }
#card_list li .info span { font-weight: 300; font-size: 14px; }
#card_list li .info .title { line-height: 1.3; font-size: 34px; }
#card_list li.color_red { background: #ffeee7; }
#card_list li.color_red .icon { border-color: #f6dfd5; }
#card_list li.color_red .icon svg { fill: #efab8f; }
#card_list li.color_green { background: #e9f3e9; }
#card_list li.color_green .icon { border-color: #d4dfd4; }
#card_list li.color_green .icon svg { fill: #839583; }

#card_list[data-type="2"] { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
#card_list[data-type="2"] li { padding: 5%; }

/* list_box */
.list_box .list_title { font-size: 24px; }

/* member_content */
.member_content {margin: 20px 15px 50px;padding: 3%;border: 1px #eee solid;outline: 15px #ededed solid;}
.member_content #pagenav { margin-top: 30px; padding: 0; }

/* table_box */
.table_box { position: relative; width: 100%; table-layout: fixed; }
.table_box tr >* { padding: 1.3rem .3rem; border-bottom: 1px #d4d4d4 solid; text-align: center; }
.table_box tr th { padding: .8rem .3rem; border-bottom: 2px #141414 solid; font-weight: 500; font-size: 18px; color: #141414; }
.table_box tr:nth-child(2n) td { background: #f6f6f6; }
.table_box tr .operate { padding: .3em .5em; border-radius: .3em; }
.table_box tr .time { display: block; text-align: center; line-height: 1.2; }

.table_box.order_table tr:nth-child(4n) td { background: #fff; }
.table_box.order_table tr.detail_box td { padding: 0 .3rem; border-bottom-width: 0; }
.table_box.order_table tr.detail_box .row { position: absolute; margin: 0; right: 0; left: 0; opacity: 0; z-index: -1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; }
.table_box.order_table tr.detail_box[data-type="2"] td { padding: 1.3rem .3rem; border-bottom-width: 1px; }
.table_box.order_table tr.detail_box[data-type="2"] .row { position: static; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }

.table_box.table_apply { margin-bottom: 20px; }
.table_box.table_apply tr .img { display: flex; flex-wrap: wrap; align-items: center; }
.table_box.table_apply tr .img font { display: inline-block; }
.table_box.table_apply tr .img font img { width: 40px; height: 40px; object-fit: contain; }
.table_box.table_apply tr .img b { margin-left: .5em; width: 1%; flex: 1 auto; font-weight: 400; color: #000; }
.table_box.table_apply tr input[name="quantity[]"] { padding: .3rem; width: 70px; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.2rem; box-shadow: none; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* track_box */
#track_box { padding: 0 0 3%; }
#track_box .top_box { padding: .5em 5%; background: #838383; }
#track_box .top_box [class*="icheck-material"] > label span { font-size: 17px; color: #fff; }
#track_box .top_box [class*="icheck-material"] > input:first-child + label::before { margin-right: 10px; background-color: #e6e6e6; }
#track_box #product_list {padding: 0 5%;grid-gap: 55px 30px;margin-top: 50px;}
#track_box #product_list li >div { margin: 0; }
#track_box #product_list li .btns_box {padding: 13px 0 25px;}
#track_box #product_list li .btns_box >* { position: relative; z-index: 6; }
#track_box #product_list li .btns_box a { font-size: 14px; }
#track_box p { display: flex; justify-content:center; }
#track_box .bottom_box,#track_box .cancel_bottom_box { padding: 5% 5% 0; }

/* order_list */
.order_list .list { padding: 5px 10px; border-bottom: 1px #dddee4 solid; font-size: 0; }
.order_list .list .img { width: 40%; display: inline-block; }
.order_list .list .img a { display: flex; flex-wrap: wrap; align-items: center; }
.order_list .list .img font { padding: .2em; border: 1px #f2f2f2 solid; display: inline-block; }
.order_list .list .img font img { width: 50px; height: 50px; object-fit: contain; }
.order_list .list .img b { margin-left: 10px; width: 1%; flex: 1 auto; font-weight: 400; color: #000; }
.order_list .list .info { width: 60%; display: inline-block; font-size: 0; }
.order_list .list .info p { width: 25%; display: inline-block; }
.order_list .list.title { padding: 0 10px 10px; border-color: #949494; }

/* amt_box */
.amt_box p { margin: 5px 0; display: flex; justify-content: flex-end; align-items: center; }
.amt_box label { width: 130px; }
.amt_box font { min-width: 130px; text-align: right; }
.amt_box font.numtxt { font-size: 17px; }

/* order_box */
.order_box { margin-bottom: 20px; }
.order_box:last-child { margin-bottom: 0; }
.order_box h5 { margin-bottom: .3em; font-weight: 500; }
.order_box .input_list { border: 1px #e8e8e8 solid; }
.order_box .input_list p { border-bottom: 1px #e8e8e8 solid; display: flex; align-items: stretch; }
.order_box .input_list p:last-child { border-bottom: 0; }
.order_box .input_list p label { margin-right: 1.5em; padding: .8em 1em; width: 9em; background: #f1f1f1; display: flex; align-items: center; color: #686868; }
.order_box .input_list p font { width: 1%; display: flex; flex-wrap: wrap; align-items: center; flex: 1 auto; font-weight: 300; }

@keyframes bounce { 0% { transform: scale(1); } 50% { transform: scale(.85); } to { transform: scale(1); } }
@-webkit-keyframes bounce { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(.85); } to { -webkit-transform: scale(1); } }

@media screen and (min-width: 1161px) {
	.member_form .input_list .item.login_name font .btn.line:hover , .member_form .quit_login a.btn.line:hover { background: #05b34c; }
}
@media screen and (max-width: 1160px) {
	aside{top: -10vw;}
}
@media screen and (min-width: 981px) {
	#member_wrap .workframe { width: 700px; }
	.order_list .list .info p { text-align: center; }
	.order_list .list .info p.sBox font.pcDisBox { display: none; }
	.order_list.deposit_list .list .img { width: 35%; }
	.order_list.deposit_list .list .info { width: 65%; }
	.order_list.deposit_list .list .info p { width: 20%; }
}
@media screen and (max-width: 980px) {
	.order_list .list.title { display: none; }
	.order_list .list { position: relative; padding: 10px 110px 20px; }
	.order_list .list .img, .order_list .list .info p, .order_list .list .info p:first-child { width: auto; display: block; }
	.order_list .list .img font { position: absolute; display: block; top: 50%; left: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.order_list .list .img font img { width: 60px; height: 60px; object-fit: contain; }
	.order_list .list .img b { margin-left: 0; }
	.order_list .list .info { width: auto; display: block; font-size: 20px; }
	.order_list .list .info p:first-child font, .order_list .list .info p:first-child b { font-size: 12px; color: #696868; }
	.order_list .list .info p.sBox, .order_list .list .info p.sBox font { line-height: 110%; font-size: 14px; }
	.order_list .list .info p.pBox { display: none; }
	.order_list .list .info p.tBox { font-weight: bold; line-height: 140%; }
}
@media screen and (max-width: 768px) {
	.table_box tr th { display: none; }
	.table_box tr td { padding: .3rem 1rem; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 0; }
	.table_box tr td:before { margin-right: 1rem; min-width: 6.5em; display: inline-block; text-align: left; font-weight: bold; content: attr(data-th); }
	.table_box tr td:nth-child(1) { padding-top: 1rem; }
	.table_box tr td.icheck { padding-top: 0; }
	.table_box tr td.icheck .icheck-material-custom { position: absolute; top: 1.5rem; right: 1rem; }
	.table_box tr td:last-child { padding-bottom: 1rem; border-bottom: 1px #d4d4d4 solid; }
	.table_box tr .time { margin-right: .2em; }
	.table_box.order_table tr.detail_box[data-type="2"] td { padding-top: 0; display: block; }
}
@media screen and (min-width: 641px) {
	.member_form .input_list .item >label { margin: 0 3.5em 0 0; width: 4.5em; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; }
	.member_form .input_list .item.required >label:after { position: absolute; right: -.7em; }
	.member_form .input_list .item.code >label { margin-right: 3em; width: 5em; }
	.member_form .input_list .item.pass >label { margin-right: 1em; width: 7em; }
	.member_form.pickupapply .input_list .item >label { margin-right: 1em; width: 7em; }
	#member_wrap .member_form .input_list .item >label { margin-right: 50px; }
}
@media screen and (max-width: 640px) {
	.waylink{margin:0}
	aside{top: unset;position: relative;margin-bottom: 7vw;}
	#wrap .workframe {margin-top: 0;}
	#member_wrap { padding-top: 50px; }
	#card_list li { padding: 3vw 6vw; }
	#card_list li .icon { width: 70px; height: 70px; }
	#card_list li .info .title { font-size: 30px; }
}
@media screen and (max-width: 550px) {
	#member_wrap .workframe { padding: 30px 0 50px; }
	.member_form .input_list .item { padding: 15px 0; }
	#card_list[data-type="2"] { grid-template-columns: repeat(1, 1fr); }
	.table_box tr td:before { min-width: 100%; }
	#track_box #product_list { padding: 0 15vw; grid-template-columns: repeat(1, 1fr); }
	#track_box .bottom_box { text-align: center; }
	.member_form .input_list .item.login_name font .bind { margin-left: 0; }
}
@media screen and (max-width: 450px) {
	#member_wrap .member_form { padding: 5%; }
	.member_form .input_list .border_box label { margin: 0 10px; }
	#track_box .top_box { padding: .5em 7vw; }
	#track_box #product_list { padding: 0 7vw; }
	#track_box .bottom_box { padding: 5vw 7vw 0; text-align: left; }
	.order_list .list { padding: 10px 0 50px; }
	.order_list .list .img a { display: block; }
	.order_list .list .img font { position: relative; margin: 10px 10px 0; border: 0; text-align: center; top: auto; left: 0; -webkit-transform: translateY(0); transform: translateY(0); }
	.order_list .list .img font img {width: 80%;height: auto;aspect-ratio: 4/3;object-fit: cover;}
	.order_list .list .img b { width: 100%; text-align: center; }
	.order_list .list .info { width: 100%; margin-bottom: 10px; }
	.order_list .list .info p { text-align: center; }
	.order_list .list .info p.sBox, .order_list .list .info p.sBox font { line-height: 150%; margin-bottom: 10px; font-size: 16px; color: #000; letter-spacing: 0.2px; }
}