@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}
@media (max-width: 760px){
html{font-size:15px}	}
body.corbg{background:#f5f7f9}
body.corbgcid{background:#f5f7f9}
.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}
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}

.grouppic{border-bottom:1px inset #B7B7B7;box-shadow:rgb(175 174 174 / 61%) 0px 5px 9px 1px; border-radius:0 0 35px 35px; margin-bottom:30px; display:block}
.padding_20{padding:4px 10px}
.flex{display:flex; gap:2px 6px; align-items:center; flex-wrap:wrap}
.list_nn{display:flex; gap:2px 3px; align-items:center; flex-wrap:wrap; padding:0 0 0 5px;padding-bottom:8px}
.ins{padding:5px 14px; border:1px solid #00000026; border-radius:5px; font-size:1.1rem; font-weight:500}
.inr{padding:3px; border:1px solid #B4B4B4}
.corbg{padding:1px 3px; border-radius:3px; font-size:13px;background-image: linear-gradient(180deg, #74a9ff, #3981f4); color:#fff;}
.placeidcorbg{padding:1px 3px; border-radius:3px; font-size:13px;background-image:linear-gradient(180deg, #EF9A9A, #AD1457); color:#fff;}
.corbgset{padding:3px 3px; border-radius:3px; font-size:1.1rem;background-image: linear-gradient(180deg, #74a9ff, #3981f4); color:#fff; cursor:pointer}
.BG61{display:none}
.countlist{ display:flex; align-items:center; justify-content:space-between; margin:15px 0 0 0; font-size:1.2rem; font-weight:700; border-bottom:1px solid #A0A0A0}
.ctfilex{display:flex; align-items:center;}
.clyTitly{font-weight:600; color:#B70609;white-space:nowrap;}
.countlist strong{margin:0 3px; color:#B70609;}

.list_cly{display:flex; flex-wrap:wrap; gap:5px 10px; font-weight:400; font-size:21px; cursor:pointer; align-items:center}
.list_cly .inr{margin-right:3px}
.list_cly span:hover{color:#9d0feb}
.list_cly span{display:flex; align-items:center}
.list_cly span s{font-size:14px; font-weight:400}
.list_cly span.iscountcly{color:#9d0feb; font-weight:600}

.linkcly{width:100%; padding:0 5px; display:flex; align-items:center; gap:15px;box-shadow:rgba(0, 0, 0, 0.12) 0px -1px inset}
.linkcly a{font-size:1.2rem; padding:4px 8px; color:#444; font-weight:600}
.linkcly a.clyBg,.linkcly a:hover{color:#0431C1; border-bottom:3px solid #0431C1}

.coursebox{}
.openmain{padding:8px 8px 0 10px} 
.texth2{margin:0 0 1rem 0; font-size:1rem; border-bottom:var(--border-bot); padding:0 0 1rem 0}
.texth2 h2{font-size:1.5rem; padding:3px 0 3px 3px; border-left:5px solid #0075C9; line-height:1}

ul.courseul{display:grid;grid-template-columns: repeat(3, 1fr); /* 5 等寬欄 */; width:100%; gap:13px 15px; flex-wrap:wrap; padding:5px; margin:20px 0 0 0}
.corclybg{padding:1px 3px; border-radius:3px; font-size:21px;background:#fbdd04; color:#9d01fb; font-weight:700}
.corclybg:hover{box-shadow:rgba(0, 0, 0, 0.12) -2px 3px}
.courseul li{flex:0 0 calc(100% / 3 - 10px); border-radius:10px;transition: transform .3s, box-shadow .3s; position:relative}
.courseul li a.aimg{display:block; overflow:hidden; border-radius:10px}
.list_h2{padding:10px}
.logo66{display:block; vertical-align:bottom;border-radius:10px}
.courseul li:hover{box-shadow: 0px 10px 35px rgba(0, 0, 0, .06);transform: translateY(-4px);}
.courseul li time{padding:10px 10px 0 10px; display:flex; gap:5px; font-size:14px; align-items: center; flex-wrap:wrap; color:#666;}
.courseul li h3{font-size:18px;font-weight:900; flex:0 0 100%; color:#333;}
.byopen{font-size:13px; color:#555;display:flex; align-items:center}
.listflex{padding:0 10px 10px 10px; font-size:14px}
.fladr{display:flex; align-items:center; justify-content:space-between; padding-bottom:2px; border-bottom:1px outset #2e707b94}
.fladr strong{color:#555; letter-spacing:0; font-size:17px}
.courseul li .pic1 img{transition:transform .8s; border-radius:15px 15px 0 0;}
.courseul li .pic1{overflow:hidden; display:block}
.courseul li:hover .pic1 img{transform:scale(1.05);}
.courseul li .address{padding:3px 0; display:flex; gap:5px; font-size:14px; align-items: center; flex-wrap:wrap; justify-content:space-between}
.setmem{color:#C1070A}
.courseul li:hover h3{text-decoration:underline;color:var(--theme-color)}


/*===*/
ul.courseulcly{padding:5px; margin:20px 0 0 0}
ul.courseulcly li{padding:10px; border-radius:10px;transition: transform .3s, box-shadow .3s; position:relative}
ul.courseulcly li:hover{box-shadow: 0px 10px 35px rgba(0, 0, 0, .55);transform: translateY(-4px); border:1px solid #d3d3d3}
.timecly{font-size:18px; letter-spacing:0; color:#000; font-weight:600; padding-left:10px;transition: transform .3s, box-shadow .3s; position:relative; display:flex; align-items:center}
.clyadd{transition: transform .3s, box-shadow .3s; position:relative}
ul.courseulcly li:hover .clyadd{color:#5A5DED;transform: translateY(2px); font-weight:600; color:#000; font-size:16px}
ul.courseulcly li:hover .timecly{color:#5A5DED;transform: translateY(-4px); font-size:21px}
ul.courseulcly li .address{padding:3px 0; display:flex; gap:5px; font-size:14px; align-items: center; flex-wrap:wrap; justify-content:space-between}
ul.courseulcly li h3{font-size:18px;font-weight:900;color:#333; padding-left:10px}
ul.courseulcly li.Hcly:hover a::before{position:absolute; inset:0; content:''}
.gridbox{display:grid;grid-template-columns:1fr 4fr; width:100%; gap:10px}
/*cid*/
.titlebox{background:#fff}
.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}

.submit{display:table; cursor:pointer; padding:5px 10px; margin:10px auto;color:#fff;background-image: linear-gradient(180deg, #74a9ff, #3981f4); font-size:1rem; text-align:center;box-shadow: 0px 18px 24px 0px rgba(0,0,0,.1); border-radius:8px}
.submit:hover{background:#9F0306; border:1px inset #940507}

.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}

.issidebtn{cursor:pointer; border-radius:5px; padding:6px 10px; color:#fff; background:#0E6EF0; font-weight:700}
.issidebtn:hover{background:#FF4F00}

.sidesor{overflow:auto; max-height:calc(100vh - 80px); top:55px; position:sticky}
.sidesession dt{ font-size:17px; font-weight:700; border-bottom:1px dotted #E3E3E3; display: flex; align-items:center; gap:5px}
.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; margin:8px 0; background:#f5f7f9}
.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 }
.sidebtn{cursor:pointer; border-radius:5px; padding:2px 10px; color:#444; background:#ccc; font-weight:700;box-shadow:-3px 3px 4px 0px rgba(0, 0, 0, .2)}
.sidebtn:hover{ color:#000;box-shadow:-3px 3px 18px 2px rgba(0, 0, 0, .2)}
.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*/

footer{padding:10px; text-align:center; background:#4D4D4D; color:#fff; font-size:14px;}
.f00A9::before{content:'\00A9'}
@media (max-width: 760px){
.mobfliex{ flex-direction:column !important;grid-template-columns: repeat(1, 1fr) !important}
.cid1box{padding:20px 10px}
.pageeurl{padding:10px}
.BG61ir{display:none}
.BG61{display:block}
}