/*後台會員中心共用*/
@charset "UTF-8";
.bdr_red{border:1px solid #D70D19!important;}
.err-msg{color:#D70D19;font-size: 14px;margin:0 10px;display: none}
.err-msg.active{display: inline}
input[readonly]{background-color: #fff!important;}
.form-control1 {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #333;background-color: #fff;background-clip: padding-box;
    border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.member-form .bootstrap-select .dropdown-menu{width: 100% !important;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.member-form .bootstrap-select .dropdown-toggle:focus{outline: none!important;}
.member-form .dropdown-item:hover {background-color: #FAEDD1!important;}
.bootstrap-select .bs-ok-default:after{color:#FFDA9A}
.member-form .dropdown{width: 100% !important;position: relative}
.member-form .dropdown-item{width: 100%;padding: 0.25rem 1rem;clear: both;font-weight: 400;color: #212529;text-align: inherit;text-decoration: none;white-space: nowrap;background-color: #fff;border: 0;}
.member-body .member-form .bootstrap-select .btn{background: unset;color:#333;box-shadow: unset;border: unset;outline: unset;width: 100%}
.member-form .bootstrap-select .dropdown-toggle::after{
    content: "\f107";font-family: "FontAwesome";border-radius: 0.25rem;height: 38px;width: 38px;position: absolute;right: -1px;top: 0;font-weight: bold;color: #333;font-size: 16px;display: flex;
    align-items: center;justify-content: center;border: none !important;
}
.selectbox{border: 1px solid #ced4da;border-radius:0.25rem;padding:0}
.member-form .bootstrap-select .dropdown-menu li a{display: flex;align-items: center}
.member-form .bootstrap-select .dropdown-menu li a.selected span.check-mark {background-color: #FFDA9A;left: 16px;border-color: #FFDA9A;}
.member-form .bootstrap-select .dropdown-menu li a span.check-mark {display: inline-block;height: 16px;width: 16px;border: 1px solid #ddd;background-color: #fff;position: absolute;right: auto;top: auto;border-radius: 3px;}
.member-form .bootstrap-select .dropdown-menu li a.selected .bs-ok-default:after {content: "";}
.member-form .bootstrap-select .dropdown-menu li a .bs-ok-default:after {content: none;border-width: 0 0.1em 0.1em 0;border-color: #fff;width: 0.25em;height: 0.5em;position: absolute;left: 5px;top: 2px;}
.member-form  .bootstrap-select.show-tick .dropdown-menu li a span.text{margin-left: 25px}

.page-container .login-main .bootstrap-select .btn{background: #fff;box-shadow: unset;color:unset}

.imgbox{border:1px solid #ced4da;border-radius:0.25rem;padding:5px}
.listbox{display: flex;align-items: center;flex-wrap: wrap}
.list-img{display: flex;align-items: center;flex-wrap: wrap}
.upimg{width: 80px;height: 80px;position: relative;overflow: hidden;margin:3px;border-radius:4px}
.upimg>img{width: 100%;height: 100%;object-fit: cover}
.upimg .delImgbox{position: absolute;top:0;left:0;display: flex;align-items: center;justify-content: center;background: rgba(255,255,255,0.2);width: 100%;height: 100%;transition: all 0.3s;z-index:-1 }
.upimg:hover .delImgbox{z-index: 10}

.upimg .delImgbox .delBtn{cursor: pointer;color:#000;background: rgba(255,255,255,0.6);padding:3px 10px;border-radius:20px}
.upimg .delImgbox .imgDelBtn{cursor: pointer;color:#000;background: rgba(255,255,255,0.6);padding:3px 10px;border-radius:20px}
.select-upimg{width:80px;height: 80px;border:1px dashed #999;border-radius:4px;cursor: pointer;display: flex;align-items: center;justify-content: center;margin:3px }
.select-upimg>span{font-size: 50px;color:#ccc}

.none{display: none!important;}
.block{display: block!important;}
.activeBtn{background: #FFDA9A;color:#A25E00;padding:0 10px;font-size: 26px;border-radius: 100%;cursor: pointer;transition: all 0.3s;display:flex;width: 30px;height: 30px;justify-content: center;align-items: center}
.activeBtn:hover{opacity: 0.8}
.actionbox{display: flex;justify-content: flex-end;margin-top: 5px}
.active-item{margin-top: 5px}
.delMoreBtn{font-size: 14px}
.postTabBox{margin-top:20px}
.postTabBox ul{display: flex;align-items: center;flex-wrap: wrap;list-style: none;}
.postTabBox ul li{margin:5px 10px 5px 0;list-style: none;}
.postTabBox ul li a{display: block;min-width: 100px;padding:8px ;text-align: center;border:1px solid #A25E00;border-radius: 5px;color:#A25E00 }
.postTabBox ul li.active a{border:1px solid #FFDA9A;background: #FFDA9A}
body .layuicss .layui-layer-title{}
body .layuicss .layui-layer-btn{}
body .layuicss .layui-layer-btn a{background:#139C6C;}
body .layuicss .layui-layer-btn .layui-layer-btn1{background:#FFDA9A;}
body .layuicss .layui-layer-btn .layui-layer-btn1:hover{color:#A25E00}

.position-help{
    position: fixed;
    right: 0;
    bottom: 2rem;
    z-index: 99;
    background: none;
    border: none;
    padding: 0;
}

.position-help img{
    max-width: 120px;
}
.position-help span{
    position: absolute;
    left: 0;
    top: -1.5rem;
}
@media (min-width: 768px) {
    .position-help img{
        max-width: 240px;
    }
}
@media (min-width: 1200px) {
    .position-help img{
        max-width: 360px;
    }
}