@charset "utf-8";
:root{
	--pstextcolor:#6b7280;
	--alinkcolor:#336FFF;
	--vipmaxwidth:1600px;
}
#headtitle{margin:0 auto; width:100%; letter-spacing:1px; font-size:14px; line-height:1.5; color:#555; border-radius:5px; padding: 10px 0;}
.width50{width:50%}
.overtop{color:#000;margin:10px 0; width:100%;background:#afafaf; letter-spacing:1px; line-height:1.5;font-size:14px; position:sticky; top:0; display:flex; align-items:center; gap:10px; padding:10px;    box-shadow:0px 4px 0px 0px rgb(0 0 0 / 30%); z-index:100; flex-wrap:wrap; cursor:pointer}
.overtop span{color:#3399ff}
.Btnlinkcode{padding:2px 15px; cursor:pointer; background:#9065B0; border-radius:3px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; display:flex; align-items:center}

.ff1{flex:1}
.ff1_5{flex:1.5}
.ff4{flex:4}
.ff2{flex:2}
.input01{padding:3px; width:150px; border:1px solid #969696}
.inputfile01{padding:3px; border:1px solid #969696}
.select01{padding:3px;  border:1px solid #969696}
.allinput{border:1px solid #d1d1d1; background:#f1f1f1; padding:5px;}
.inputradio01{position:relative; top:2px; margin-left:5px; cursor:pointer;border:1px solid #969696}
.flex{width:100%; gap:20px; display:flex}
.ahover:hover{opacity:.7; cursor:pointer;    box-shadow: 0 1px 1px rgb(0 0 0 / 10%);}
.tableList{border-radius:3px; border:1px solid #d7d7d7; margin:10px auto; width:100%; max-width:1600px}
.tableList td a.aTitle{color:#444}
.tableList th{font-size:15px; padding:6px 6px; background:#F5F5F5; border-bottom:1px solid #444; color:#444}
.tableList td{padding:6px 8px; font-size:14px; border-bottom:1px solid #C3C3C3; color:#444;}
.tableList td i{color:var(--alinkcolor); display:inline-block; margin:2px 10px; font-size:12px}
.tableList tr:nth-child(odd) td{ background:#f3f3f3}
.tableList tr:hover td{background:#dedede}
.setEdin{color:var(--alinkcolor); display:inline-block; margin:2px 0; cursor:pointer}
.tableList a:hover{text-decoration:underline}
.notdel{ color:#8e8e8e; cursor: not-allowed}
.edin::before{content:'\270E';transform: rotate(90deg); display:inline-block;}

.showPost{width:100%; display:flex; justify-content:space-between; align-items:center; margin:20px 0; flex-wrap:wrap}
.showPostint{border:1px solid #d5d5d5; padding:7px 40px 7px 5px; width:200px;}
.showPost label{position:relative}
.showPost .bigkey{ position:absolute; right:12px; top:2px; cursor:pointer}
.showPost .bigkey svg{fill:#d5d5d5;width: 15px;height: 15px}

.abaddbaS1{padding:6px 10px; color:#fff; background:#2678FF; border-radius:5px; display:inline-block; margin:0 10px; line-height:1;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);}
.aBtnlink{color:#2678FF; display:inline-block; padding:0 2px; text-decoration:underline; }
.abaddbaS1::before{content:'+'; display:inline-block; margin-right:5px; font-weight:900; font-size:18px}
.btnS1{padding:6px 10px; color:#fff; background:#2678FF; border-radius:5px; display:inline-block; margin:0 10px; line-height:1;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%);border:none; cursor:pointer}

.redcolor{color:#f00 !important}
.color9c27b0{color:#9c27b0}
.NO_info{margin:20px 0; text-align:center; color:#F10061}
.sddtime{position:fixed; width:100%; height:100vh; background:#e2e2e2f0; display:flex; justify-content:center; align-items:center; top:0; flex-direction:column}
.sddtime div{background:#fbfbfb;  box-shadow:0 2px 5px 0 rgb(0 0 0 / 15%); border:1px solid #f1eeee; min-width:370px; text-align:center; display:flex; flex-direction:column; gap:25px; padding:30px}
.sddtime div ul{display:flex; gap:15px; justify-content:center; align-items:center}
.sddtime div a{color:#039; text-decoration:underline}
.sddtime h1{font-size:15px}
.thispo ul{display:flex; justify-content:center; align-items:center; gap:10px}
.thispo ul a{text-decoration:underline; font-size:12px; color:var(--alinkcolor)}
.sddtime button{background:#3B3B3B; padding:3px 10px; color:#fff; cursor:pointer}
.setBtn2{color:var(--alinkcolor); cursor:pointer; }

.open_bot_VipCodeBg::before{background-image: linear-gradient(129deg, #E30054 25%, #BF4EA2 25%, #BF4EA2 50%, #E30054 50%, #E30054 75%, #BF4EA2 75%, #BF4EA2 100%); position:absolute; content:''; inset:0;border-radius:5px}
.open_bot_VipCodeBg::after{position: absolute;  content: ""; top: 0;  left: 0;  width:100%;height: 100%; background:#B70003;transition: all .35s; opacity:.4; z-index:1;border-radius:5px}
.open_bot_VipCodeBg:hover::after{width:0;transition: all .35s;}
.open_bot_VipCodeBg{display:table; margin:50px auto; line-height:1.6; font-size:24px; padding:15px 10px; border-radius:5px; color:#fff; font-weight:700; cursor:pointer; position:sticky; bottom:0;box-shadow: -3px 1px 3px 1px rgb(0 0 0 / 40%);}
.open_bot_VipCodeBg div{position:relative; z-index:10; display:flex; align-items:center; flex-wrap:wrap; gap:5px}
.open_bot_VipCodeBg div figure{background:#fff;padding:3px}
.open_bot_VipCodeBg:hover{box-shadow: 0 1px 1px rgb(0 0 0 / 10%);filter: hue-rotate(57deg)}
.open_bot_VipCodeBg div::after{content:'\270E詳細介紹'; position:absolute; right:-10px; bottom:-15px; font-size:12px; padding:1px 2px; background:#2e73c2; border-radius:0 0 5px 0}

.com__box{position:fixed; background:#000000b8; inset:0; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:20px; z-index:9999}
.com__box::after{content: attr(as); font-size:15px; color:#fff;}
.loadingbox{ position:absolute; inset:0;  border: 2px solid #000; border-top-color: rgba(0, 0, 0, 0.2); border-right-color: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(0, 0, 0, 0.2); border-radius: 100%;  animation: circle infinite 2.75s linear;}
.loading{ position: relative; width: 120px; height: 120px;display:flex; justify-content:center; align-items:center; color:#fff; font-weight:700;}

.sBtn{display:flex; position:relative; height:35px; gap:5px; margin-top:15px; padding:0 0 0 15px}
.sBtn a{color:#737373; padding:5px 10px; border:1px solid #c9c9c9c9; background:#dbdbdb; font-size:15px; border-radius:8px 8px 0 0; }
.sBtn a:hover,.sBtn a#ispBtn{ background:#468edf; color:#fff; border-bottom:none;box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .3)}
.stlyebg{padding:0 10px; border:1px solid #d9d9d9; border-radius:10px; background:#f6f8fc}




@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.newTitle{font-weight:700; font-size:24px; color:#C00003; padding:0 5px; border-left:10px solid #C00003;}
.newpageps{ padding:10px; font-size:15px; background:#F2F2F2; color:#44546A; margin:15px 0; line-height:1.8}
.newpagepsbtn{border:1px solid #2E74B5; color:#2E74B5; border-radius:12px; padding:1px 6px; cursor:pointer; margin-right:5px; font-size:13px}
.newpagepsbtn:hover{color:#f00; }
.newpagepsbtn_text{color:#BF8F00; font-size:13px}
@media (max-width: 960px){
.tableList{width:100% !important}
.nobflex{flex-direction:column}
.width{width:100%}
.noM{display:none !important}
}