@charset "utf-8";
:root {
	--minbgcolor:#fff;
	--min-padding:0 10px;
	--min2-padding:10px 20px;
	--min3-padding:20px 10px;
	--min4-padding:10px;
  --theme-color: #607d8b;
  --text-color: #63656a;
  --hover-color:#084db5;
  --box-color:#da3535;
  --list-color:#1a5ea1;
  --max-width:1320px;
  --box-width:100%;
  --yeow:#ad7100;
  --border:1px solid #e6ecf2;
}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; list-style:none; border:0; margin:0; padding:0; text-decoration:none}
body{background:#eceff6;color:var(--text-color);font-family:Arial, "文泉驛正黑", "WenQuanYi Zen Hei","微軟正黑體", "Microsoft JhengHei", DFKai-SB, sans-serif; letter-spacing:1px; line-height:1.5; font-size:1rem}
html{font-size:17px;}
[class^=bi-]{color:var(--hover-color)}
.ff1{flex:1}
.ff4{flex:4}
input:focus-visible,textarea:focus-visible{outline: none;}
.bg_head{background:url(/public/img/notice-bg.jpg);background-size: cover;}
.titlename{font-weight:600; color:var(--hover-color); display:flex; align-items:center}
.titlename .fa{font-size:13px}
.sherf_L button{width:80px; color:var(--white-color); background:var(--box-color); height:100%; cursor:pointer; border-radius:0 60px 60px 0; border:2px solid var(--box-color); font-size:14px; letter-spacing:3px}
.sherf_R{color:var(--box-color); line-height:1; font-size:12px; display:block}

.pageurl{display:flex; gap:2px 10px; align-items:center; flex-wrap:wrap;font-size:13px}
.pageurlbg{padding:5px 15px; background:#fff; border-radius:6px}
.pageurl a{color:var(--text-color); font-size:13px}
.tspg::before{content:'\2022'}
.rd::before{content:'\009B'}
.pageurlbg:hover{background:var(--hover-color)}
.pageurlbg:hover a{ color:#fff}

.head_nav{width:var(--box-width); padding:12px 0}
.head_nav_box{max-width:var(--max-width);width:var(--box-width); display:flex; justify-content:space-between; align-items:center;margin:0 auto; padding:0 20px}
.head_nav .navbtn a{display:inline-block; font-size:14px; padding:10px 13px; color:#45474c; position:relative;transition: .3s ease;}
.head_nav a:hover{ color:var(--hover-color)}
.navbtn a:hover::before{ border-bottom:4px solid var(--hover-color); content:''; position:absolute; left:35%; bottom:5px; right:35%}
.head_navtop{background:#fff; top:0; position:fixed;box-shadow:0 5px 20px 0px rgba(72, 126, 253, .3); z-index:100}
.btnbox{max-width:var(--max-width);width:var(--box-width);margin:50px auto 0 auto; padding:0 10px 50px 10px; text-align:center}
.btnbox h1{font-size:2.8rem; }
.ssd{display:flex; width:100%; align-items:center; background:#fff; padding:0 0 0 10px; border-radius:8px; justify-content:space-between; max-width:500px;margin:8px auto 0 auto;box-shadow:0 1px 20px 0px rgba(72, 126, 253, .3)}
.ssd label{width:calc(100% - 46px)}
.ssd input{border:none; width:100%; height:40px}
.ssd button{cursor:pointer;  background-image: linear-gradient(180deg, #74a9ff, #3981f4); color:#fff; width:45px; text-align:center; font-size:1.2rem; height:40px; border-radius:0 8px 8px 0}

#main{max-width:var(--max-width);width:var(--box-width);margin:0 auto; min-height:80vh}
section{padding:20px}
.box1{padding:20px; background:#fff;box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px}
.lineh2{display:flex; align-items:center; gap:5px; padding:0 0 8px 8px; border-bottom:1px solid #dfdfdf; font-size:1.5rem}
.lineh2 .fa{color:var(--hover-color);}
.listUl{padding:0 5px; display:flex; align-items:center; flex-wrap:wrap; gap:25px 25px; margin-top:20px}
.listUl a{color:var(--text-color); font-size:1.2rem; font-weight:600; padding:5px 10px; background:#A7D1FF; border-radius:5px}
.listUl a:hover{color:#fff; background:#3f2c2c;box-shadow:0 6px 12px 0 rgb(0 0 0 / 55%)}

.listCly li{margin:10px 0;display: flex; color:#292D32; border-bottom:1px solid #f3f3f3; font-size:14px; position:relative}
.listCly li a{background:#F8FAFD; padding:8px; color:#333; flex:0 0 180px; border-right:1px solid #eceff6}
.listCly li p{flex:1; padding:8px}
.listCly li:hover a::before{position:absolute; inset:0; content:''}
.listCly li:hover,.listCly li:hover a{background:#cfd9ed; color:#000;}


.padding_20{padding:20px}
.flex{display:flex; gap:2px 6px; align-items:center; flex-wrap:wrap}
.list_h2 a{font-size:1.2rem; color:#000}
.corbg{padding:1px 3px; border-radius:3px; font-size:13px;background-image: linear-gradient(180deg, #74a9ff, #3981f4); color:#fff;}

.list_post,.list_nn{border-bottom:1px solid #D4D4D4;}
.list_nn{display:flex; align-items:center; justify-content:space-between; position:sticky; top:65px; background:#fff; z-index:23}
.list_post:last-child{border:none}
.list_post:hover{background:#f9fbff; position:relative}
.list_post:hover .list_h2 a{color:var(--hover-color); text-decoration:underline;}
.list_post:hover .list_h2 a::after{position:absolute; content:''; inset:0}
.red2{color:#AA0002; letter-spacing:0; margin:0 3px}
.listbox1{ background:#fff;box-shadow: 0 6px 12px 0 rgba(33,48,182,.08);border-radius: 12px}
.listflex{display:flex; gap:5px 25px; align-items:center; flex-wrap:wrap; padding:10px 0; color:#444}
.listflex span{color:#999}

.plist{display:flex; align-items:center; gap:5px; letter-spacing:0}
.plist a{padding:3px 5px; background:#058BCC; font-size:14px; color:#fff; border-radius:4px}
.plist span.ispa{padding:3px 5px; background:#444; font-size:14px; color:#fff; border-radius:4px; font-weight:700}
.plist a [class^=bi-]{color:#fff}
.plist a:hover{box-shadow:0 6px 12px 0 rgb(99 99 99 / 53%); opacity:.7}

.newWeb66Bg{display:flex; gap:3px 120px; justify-content:space-between; margin-top:25px; padding:0 5px}
.newWeb66Bg table{width:100%;}
.newWeb66Bg td{padding:5px}
.newWeb66Bg label{display:block; font-size:13px; padding:0 0 3px 4px}
.newWeb66Bg input{padding:8px 3px; border:1px solid #abb6d1; width:100%}
.newWeb66Bg textarea{padding:3px; border:1px solid #abb6d1; width:100%; height:100px}
.form-submit_web66:hover{box-shadow: 0 5px 14px 0 rgba(72, 126, 253, .8); cursor:pointer}
.form-submit_web66{display: flex;align-items: center;justify-content: center;margin: 28px auto 0;width: 224px;height: 48px; background-image: linear-gradient(180deg, #74a9ff, #3981f4);box-shadow: 0 5px 14px 0 rgba(72, 126, 253, .5);border-radius: 24px;font-family: PingFangSC-Medium;font-size:1.2rem;color: #fff;text-align: center;font-weight: 500;}
#seraiok{text-align:center; color:#BB0003}

.btnright{position:fixed; bottom:20%; right:5px; z-index:99; text-align:center}
#askbtn_bg{border:1px solid #deebf8; font-size:1.5rem; background:var(--hover-color); color:#fff; padding:5px; border-radius:5px; cursor:pointer}
.btnright div:hover{box-shadow: 0 5px 14px 0 rgba(72, 126, 253, .5)}
#topPage{display:none; margin-top:8px;border:1px solid #deebf8; font-size:0.5rem; background:var(--hover-color); color:#fff; padding:5px; border-radius:5px; cursor:pointer}
#topPage::before{content:'\25B2'; display:block}

/*delet*/

.detilhead{top:0; position:sticky}
.delbox{width:100%; display:flex; gap:25px; margin-top:25px}
.sidebox{padding:10px; overflow:auto; top:75px; position:sticky; max-height:calc(100vh - 130px)}
.side{display:flex; flex-direction:column; gap:20px 10px; line-height:1; margin-left:15px}
.side li{cursor:pointer; padding:0 0 0 10px; font-size:1rem; font-weight:600}
.side li:hover,.active{color:var(--hover-color); border-left:3px solid var(--hover-color)}
.titlebox{display:flex; gap:10px; align-items:center; flex-wrap:wrap; padding:0 8px 8px 8px; border-bottom:1px solid #CBCBCB}
.titlebox h1{font-size:1.4rem}
.titlebox .fa{color:var(--hover-color)}
.Tbox{padding:2px 4px; color:#fff; font-size:0.8rem; border-radius:3px; background:#255fef}
.Tbox2{padding:8px;display:grid;grid-template-columns: repeat(3, 1fr); gap:12px 15px; color:#292D32}
.Tbox2 span{display:block; color:#677788}
.Tbox3{display:grid;grid-template-columns: repeat(2, 1fr); gap:12px 15px; color:#292D32}
.tbh2{display:flex; align-items:center; gap:5px; font-size:0.9rem;}
.TB3 h2{font-size:1.2rem; line-height:1;border-left:2px solid var(--hover-color); padding:0 0 0 3px; color:#444;}
.TB3{min-height:200px}
.indlist,.tab1{width:100%; margin-top:15px}
.tab1 th{padding:5px 8px; background:#F8FAFD; font-weight:400; color:#677788; border-bottom:1px solid #f3f3f3; width:100px; font-size:14px; white-space:nowrap; border-right:1px solid #F1F1F1}
.tab1 td{padding:5px 8px; border-bottom:1px solid #f3f3f3; font-size:14px}
.indlist p{padding:5px 8px; border-bottom:1px solid #f3f3f3; font-size:14px}
.indlist p s{margin-left:3px; font-size:13px; letter-spacing:0}
.fileUL{display:flex; flex-wrap:wrap; align-items:center; gap:12px}
/*----------------*/
#foot{background:#434343; color:#fff; margin-top:25px; text-align:center; padding:10px}
@media (max-width: 760px){
html{font-size:14px;}
.sidebox{display:none}
.listCly li a{flex:1}
.box1,section{padding:20px 5px}	
.Tbox2{grid-template-columns: repeat(2, 1fr);}
.Tbox3{grid-template-columns: repeat(1, 1fr);}
.padding_20{padding:8px}
.mobcolumn{ flex-direction: column}
.head_nav{background:#fff; top:0; position:fixed;box-shadow:0 5px 20px 0px rgba(72, 126, 253, .3)}


menu-btn{cursor: pointer; position: fixed; left:0; top:60px; padding:10px; z-index:1001}
.navbtn{ background:#333333d9; position:fixed; left:0; top:0; height:100vh; width:45vw; padding:20px; display:none}
.head_nav .navbtn a{color:#fff}
.navbox .navbtn{display: block}
.line-1,.line-2,.line-3 {border-top: 2px solid #000;display: block;transition: margin 0.5s, transform 0.5s;width: 25px;}
.line-2 {margin: 5px 0;}
.navbox .line-1 {transform: rotate(45deg);margin: 0;}
.navbox .line-3 {transform: rotate(-45deg);margin: 0;}
.navbox .line-2 {margin: -2px 0;opacity: 0;}

}