@charset "utf-8";
:root {
	--min4-padding:10px;
  --theme-color: #0463BC;
  --text-color: #333;
  --hover-color:#cc2929;
  --box-color:#da3535;
  --border-bot:1px solid #eee;
  --max-width:1240px;
  --box-width:100%;
}
*{padding:0; list-style:none; margin:0; text-decoration:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border:none;word-wrap:break-word;}
/*font-family:"Noto Sans", "Apple Casual", Corbel, "Microsoft JhengHei Fixed", "Microsoft JhengHei", sans-serif;*/
html{font-size:17px; letter-spacing:1px; line-height:1.5}
.ff2_6{flex:2.6}
.ff1{flex:1}
.ff3{ flex:3}
@media (max-width: 760px){
html{font-size:15px}	}
.setform{background:#f5f6f8}
.mainbox{padding:10px; margin:15px 0; border-radius:8px; background:#fff;box-shadow:rgba(0, 0, 0, 0.04) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 4px 10px 0px}
.setform{margin:10px auto; padding:10px; width:100%; max-width:var(--max-width); background:#fff}

img{ height:auto; max-width:100%}
.line-clamp{display: -webkit-box;  overflow: hidden;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.imghover{ransform: scale(1,1);transition: all 1s ease-out;}
li:hover .imghover{transform: scale(1.1,1.1); color:#C30509}


/*cid*/
.minopen{font-size:14px; margin-top:8px;}
.minopen div{ padding:0 8px}
.minopenpay{border-top:3px solid #063BCB; text-align:right}
.cidmain{display:flex; justify-content:space-between; gap:10px 25px; font-size:1rem; padding:10px 0; margin-top:25px}
.h2{font-size:1.5rem; border-left:5px solid #002FE4; padding-left:5px; margin-left:8px}

.submit{display:table; cursor:pointer; margin:15px auto; padding:15px 30px; letter-spacing:2px;border:none;border-radius:8px;background:#2563eb;color:#f9fafb;font-size:30px;font-weight:600;cursor:pointer;transition:background 0.3s;box-shadow:0 8px 30px rgba(0,0,0,0.3);}
.submit:hover{background:#e53935;}
.h2side{font-size:1rem; color:#333;}
.issessionid{position:relative; background:#d2e3ff; font-size:14px; margin:0 0 15px 0}
.issessionid::before{position: absolute;right: 0; top: 0;content: "";width: 0; height: 0; border-color:#2e8ae6 #2e8ae6 transparent transparent;border-style: solid;   border-width: 30px;   border-radius: 0 8px 0 0}
.issessionid .fa{position:absolute; top:5px; right:0; color:#fff; font-size:30px}


.picbox{display:flex; gap:20px; justify-content:center}
.tagss{display:flex; gap:2px 8px; align-items:center; flex-wrap:wrap; font-weight:700; margin-top:20px}
#setid dt{font-weight:700}
#setid dd{font-size:14px; padding:5px 5px; border-bottom:1px dotted #555; cursor:pointer}
#oldsetid dd:hover,#setid dd:hover,#setid dd.okid{background:#F4F4F4}
.addtext time{display:flex; gap:0 5px; align-items:center; flex-wrap:wrap;}
.addtext #setid time::before{content:'\2714'; color:#fff; width:15px; height:15px; background:#d5d5d5; border-radius:3px;  font-weight:bold; text-align:center; font-size:10px}
.addtext #setid dd.okid time::before{content:'\2714'; background:var(--theme-color)}
.addtext time span{color:var(--theme-color); letter-spacing:0; font-weight:700}
.addtext #setid address{display:flex; font-style:normal; flex-direction:column; padding-left:18px}
.addtext address div{display:flex; gap:0 5px; flex-wrap:wrap; align-items:center; line-height:1}
.addtext a{letter-spacing:0; color:#039}
.addtext svg{vertical-align:middle}
#copyname{padding:10px; background:#F4F4F4;box-shadow:inset 0px 20px 20px 0px rgba(0, 0, 0, .2); border:1px solid #AAAAAA; border-radius:3px;}
#copyname address{display:flex; font-style:normal; flex-direction: column}

.sidebtn{cursor:pointer; border-radius:5px; padding:6px 10px; color:#fff; background:#0E6EF0; font-weight:700}
.issessionid .sidebtn,.sidebtn:hover{background:#FF4F00}
.issessionid::before{position: absolute;right: 0; top: 0;content: "";width: 0; height: 0; border-color:#2e8ae6 #2e8ae6 transparent transparent;border-style: solid;   border-width: 30px;   border-radius: 0 8px 0 0}

.issessionid::after{position: absolute;right:5px; color:#fff; top: 0;content:"\f00c"; font:normal normal normal 30px/1 FontAwesome}

.sidesor{overflow:auto; max-height:calc(100vh - 80px); top:55px; position:sticky}
.sidesession{display:grid;grid-template-columns: repeat(2, 1fr); width:100%; flex-wrap:wrap; gap:12px }
.sidesession dt{ font-size:17px; font-weight:700; border-bottom:1px dotted #E3E3E3; display: flex; align-items:center; gap:5px;grid-column:1 / -1}
.sidesession dt s{font-size:14px; color:#999}
.sidesession dt span{font-size:14px; color:#fff; cursor:pointer; padding:5px 5px; background:#3f51b5; border-radius:3px;box-shadow:-3px 3px 4px 0px rgba(0, 0, 0, .2)}
.sidesession dt span:hover{background:#5E71DD;box-shadow:-3px 3px 18px 2px rgba(0, 0, 0, .2)}
.sidesession dd{padding:8px; font-size:14px; background:#f5f7f9; position:relative}
.sidesession dd a{letter-spacing:0; color:#A4A3A3}
.se2{line-height:1.4; font-weight:600}
.se2 span{padding-right:4px}
.se2 .sebg{padding-left:4px; border-left:1px solid #424242}
.time1{color:#8c8c8c; font-size:13px; margin-bottom:5px}
.sfilex{display:flex; align-items:center;flex-wrap:wrap; padding:5px 0; color:#8c8c8c; font-size:12px }
.sidbox{margin-top:4px}
.corday{color:#D30A3C; }
.endday{padding:0 5px}
.botfiex{display:flex; justify-content: space-between; border-top:1px solid #e5e5e5; padding:5px 5px 0 5px; align-items:center}
/*end*/

.formDl{margin:10px 0}
.formDl h2{padding:10px !important; text-align:center; color:#fff; background:var(--theme-color); border:none !important}
.formDl ul{width:100%; padding:20px 5px; display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.formDl li{flex:0 0 calc(100% / 2 - 10px); display:flex; align-items:center}
.formDl li .int01{padding:8px;flex:0 0 calc(100% - 110px); border:1px solid #878787}
.formDl li .impot::before{color:#f00; content:'*'}
.formDl li span,.formDl li label{flex:0 0 110px; text-align:right; padding:0 5px 0 0}
.formDl li b{color:#f00; font-size:2rem}


footer{padding:10px; text-align:center; background:#4D4D4D; color:#fff; font-size:14px;}
.f00A9::before{content:'\00A9'}

/*公*/
.bodybg{max-width:var(--max-width); width:100%; margin:0 auto;color:var(--text-color);}
.fliextop{max-width:var(--max-width); width:100%; margin:0 auto;display:flex; gap:5px 10px;align-items:center; flex-wrap:wrap }
.fliextop .fa{color:#666}
.topCC{display:flex; gap:10px; align-items:center}
.topCC span{cursor:pointer; color:#222; font-size:14px}
.topCC span:hover{color:#000}
#head{width:100%; padding:5px 0; display:flex; position:sticky; top:0; align-items:center; background:#fff;box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, .2); z-index:100}
#head a{color:#fd7200; font-size:24px; font-weight:700}
.openmain{padding:8px 8px 0 10px} 
.cidImg{background-size:cover;border-radius:10px;box-shadow:-3px 3px 18px 2px rgba(0, 0, 0, .2); min-height:245px}
.pageeurl{display:flex; align-items:center; gap:0 8px; flex-wrap:wrap; font-size:1rem; padding:20px 0 0 0}
.pageeurl li,.pageeurl a{color:#666}
.cid1box{display:flex; gap:10px 55px; justify-content:space-between;max-width:var(--max-width); width:100%; margin:0 auto; color:#444; font-size:1rem; padding:20px 0 50px 0}
.openname{font-size:14px; color:#555}
.logocid{display:block; vertical-align:bottom;border-radius:10px;box-shadow:-3px 3px 18px 2px rgba(0, 0, 0, .2)}
.h11{font-size:2rem; color:#000; line-height:1.3}
.oktarget{color:#000000a6; font-size:16px; position:relative}
.oktexe{    height: 60px;   overflow: hidden; transition: height 0.3s ease-in-out;}
.okline{position: absolute;  bottom: 0px;   left: 0px;  width: 100%;   height: 80px;  background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));    transition: height 0.3s ease-in-out;}
.okmore{ cursor:pointer; color:#0018D4; position:relative; font-size:14px; font-weight:600}

.minopen{font-size:14px; margin-top:8px;}
.minopen div{ padding:0 8px}
.minopenpay{border-top:3px solid #063BCB; text-align:right}
.cidmain{display:flex; justify-content:space-between; gap:10px 25px; font-size:1rem; padding:10px 0; margin-top:25px}
.h2{font-size:1.5rem; border-left:5px solid #002FE4; padding-left:5px; margin-left:8px}
.mainbox{padding:10px; margin:15px 0; border-radius:8px; background:#fff;box-shadow:rgba(0, 0, 0, 0.04) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 4px 10px 0px}

.therBg{margin:10px 0; display:flex; gap:10px 25px;}
.therimg img{border-radius:50%; display:block; margin:auto;    box-shadow: 0px 18px 24px 0px rgba(0, 0, 0, .3); border:1px solid #CFCFCF}
.thertext{}
.thername{margin:8px 0; font-size:0.9rem}
.thernameTH{font-size:2.5rem; font-weight:700}
.thertt{color:#444; font-weight:700; padding-right:5px}
.therurl{ margin:2px 30px 0 0; text-align:right; font-size:1.2rem; font-weight:600; color:#2C4FBD; position:relative}
.therurl::before{content:''; position:absolute; width:90%; left:0; top:50%; border-bottom:1px solid #DFDFDF}
.therurl a{color:#2C4FBD; position:relative; padding:2px 5px; background:#fff;}
.therurl a:hover{color:#F52D30}

/*---*/
@media (max-width: 760px){
.mobfliex{ flex-direction:column !important;grid-template-columns: repeat(1, 1fr) !important}
.sidesession dd{gap:5px;grid-column:1 / -1}

}