@charset "utf-8";
.flex2{justify-content:space-between; gap:0 20px; display:flex}
.divmain{margin:20px 0 50px 0;content-visibility:auto }
.ff1{flex:1}
.line-clamp1{display: -webkit-box;  overflow: hidden;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.line-clamp2{display: -webkit-box;  overflow: hidden;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;}
.divmain h2{text-align:center; font-size:2rem}
.tab2,.tab1{width:100%; border:1px solid #ddd; background:transparent; margin:10px 0;}
.divmain h2 span{display:inline-block}
.divmain h2 span::after{ display:table; margin:0 auto 20px auto; border-bottom:3px solid #5c7de9; width:40%; content:''}
.tab1 tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05);}
.tab1 th,.tab1 td{padding:0.75rem; font-size:16px; vertical-align:top}
.tab1 tr > th,.tab1 tr > td{border:1px solid #ddd}
.tab1 th{width:125px}
.tab2 th{padding:5px; border-bottom:2px solid #555}
.tab2 td{padding:5px;}
.tab2 tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05);}
.hovertd:hover{background:#f7f7f7}
.fileUL{display:flex; align-items:center; flex-wrap:wrap; gap:10px}
.thisbox{width:100%}
.thisbox h2{color:#BF0003}
.thisbox h3{ padding:0 15px}
.thisbox .flixe{padding:5px; margin-bottom:30px}
.thisbox ul{display:flex; gap:10px; flex-wrap:wrap; padding:3px 15px}
.thisbox li{border:1px solid #333; padding:3px 5px; flex:0 0 calc(100% / 5 - 10px); overflow:hidden}
.thisbox li a{color:#333}
.thisbox li:hover{border:1px solid #6078ea; background:#6078ea}
.thisbox li:hover a{color:#fff}

.postmm{display:flex; flex-direction:column; gap:10px}
.postmm li{border:1px solid #ddd; position:relative; padding:10px 10px 0 10px;box-shadow:-1px 1px 2px 1px rgb(0 0 0 / .3)}
.postmm a{ color:#444}
.postmm li:hover h3 a{text-decoration:underline; color:#6078EA}
.postmm li:hover h3 a::before{content:''; position:absolute; inset:0}
.postmm li:hover{background:#efefef87; border:1px inset #A2A2A2;box-shadow: 0 1px 1px rgb(0 0 0 / 10%)}

.clyKeyword{display:flex; margin:20px 0; flex-wrap:wrap; gap:10px}
.clyKeyword li{font-weight:700}

footer a{color:#fff; text-decoration:underline; display:inline-block; margin:0 4px}
.btnright{position:fixed; bottom:50%; right:-2px; z-index:99; text-align:center}
#askbtn_bg{}
#topPage{display:none; margin-top:4px;}
#topPage button::before{content:'\25B2'; display:block}


.btnright button{padding:4px 8px; background:#116bd2; color:#fff; cursor:pointer;box-shadow:-2px 1px 0.4rem rgb(0 0 0 / 20%);transition: .3s ease;position:relative; z-index:2; font-size:12px; font-weight:500; line-height:1.4; display:flex; justify-content:center; align-items:center; flex-direction:column; border-radius:3px 0 0 3px}
.btnright div{position:relative; display:flex; align-items:center}
.btnright div span{ display:none; position:absolute; left:-75px; transition: transform 0.4s linear 0s;background:#116bd2;box-shadow:-1px 1px 3px 2px rgb(0 0 0 / 20%);white-space: nowrap; padding:3px; cursor:pointer; font-size:12px; border:1px solid #ccc; color:#fff;}
.btnright div:hover span{ display:block}
.btnright div:hover button{box-shadow:-2px 1px 0.4rem rgb(0 0 0 / 50%)}
.btnright div span::before{ border:8px solid transparent;border-left-color:#ccc; width:0; height:0; content:''; position:absolute; right:-16px; top:4px;box-shadow:inset -1px 1px 3px 2px rgb(0 0 0 / 20%)}
.btnright div span::after{ border:6px solid transparent;border-left-color:#116bd2; width:0; height:0; content:''; position:absolute; right:-12px; top:6px;}

#askbtn_bg button i svg{width:14px; display:block; text-align:center;fill:#fff; margin:auto;animation: askSvg 1.5s infinite; font-style:normal }

.Baera ul{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; width:100%}
.Baera li{padding:3px 10px; border:1px solid #ced3d9; border-radius:4px; position:relative}
.Baera li a{color:#737373; display:block}
.Baera li a:hover{color:#000;}
.Baera li:hover,.Baera li.isbaera{border:1px solid #2e8ae6;color:#000;} 
.Baera li:hover::after,.Baera li.isbaera::after{display: block;position: absolute;right: 2px;bottom: 2px;content: "";width: 3px;height: 7px;border-color: #fff;border-style: solid;border-width: 0 1px 1px 0;-webkit-transform: rotate(32deg); transform: rotate(32deg)}
.Baera li:hover::before,.Baera li.isbaera::before{display: block;position: absolute;right: 0; bottom: 0;content: "";width: 0; height: 0; border-color: transparent #2e8ae6 #2e8ae6 transparent;border-style: solid;   border-width: 7px;   border-radius: 0 0 2px 0}

#FooTbg{display:flex; gap:8px; justify-content:center; align-items:center; flex-wrap:wrap; line-height:1.3; margin:25px auto}
#FooTbg s{display:inline-block; padding:0 3px}
#FooTbg .toralP{font-weight:700; color:#555}
#FooTbg .thispage{padding:2px 4px; font-size:14px;color:#fff; background:var(--theme-color)}
#FooTbg a{border:1px solid #D9D9D9; color:#333;padding:2px 4px; font-size:14px; display:block;ransform: scale(1,1);transition: all 1s ease-out;}
#FooTbg a:hover{color:#fff; background:var(--theme-color);transform: scale(1.3,1.3);}
#FooTbg .UpPaage::before{ content:'\00BB';transform: rotate(180deg); display:block}
#FooTbg .downTenPageP::before{ content:'\00BB'}

@media screen and (max-width: 760px) {
.moble{display:none}	
.flexmoble{flex-direction:column}
.tab1 th,.tab1 td{display:block; bord}
.tab1 tr > th,.tab1 tr > td{ border:none}
.thisbox li{flex:0 0 calc(100% / 2 - 10px);}
}