:root{
	--primary-red:#c51e26;
	--border-gray:#e2e8f0;
	--bg-slate:#f8fafc;
	--text-muted:#345d80;
	--accent-gold:#f59e0b;
	--navy-main:#0f2647;
    --gold:#e5d6b0;
}
.bg-slate{background-color:var(--gold);}
.bg1{/*background:linear-gradient(to right, #e97676 0%, #e9767682 50%, #e97676 110%);background-color:#e97676;background:linear-gradient(to right, #ff8484 0%, #ffb1b1c9 50%, #ff8484 110%);*/background:linear-gradient(to right, #d44d35 0%, #fcf1d9 50%, #eadcbc 110%);}
.bg2{background-color:#e5d6b0;background:linear-gradient(to right, #e9d9b7 2%, #e9d9b742 50%, #e9d9b7 98%);}
.bg3{background:linear-gradient(360deg, #a08abb85 0%, #fefbf1 80%, #fffcf3 100%);}
.section{padding:2rem;}
.disc li{list-style-type:disc;margin:.6rem 0rem 0rem 2rem;display:flex;flex-wrap:wrap;position:relative;font-family:"microsoft yahei";}
.disc li::before{content:"";position:absolute;left:-1rem;top:calc(29.02px/2);width:5px;height:5px;background-color:black;border-radius:50%}
/*2027拚上成功版圖*/
.banner{padding:0rem;text-align:center;}
.banner h1{font-size:4rem;}
.banner ul{justify-content:center;}
.banner ul li{font-size:2.5rem;margin:auto 1rem;}
.section-header{text-align:center;margin-bottom:0px}
/*.section-title{font-size:2rem;font-weight:900;color:var(--navy-dark);margin-bottom:8px}*/
.section-title {
    /* font-size:2rem; */
    /* font-weight:900; */
    /* color:var(--navy-dark); */
    font-size:3.2rem;
    line-height:1.4;
    text-align:center;
    letter-spacing:-1px;    
    margin-bottom:18px;
    font-weight:bold;
    font-family:"microsoft yahei";
    color:#345d80;
}
.section-intro{font-size:1.45rem;color:var(--text-muted);max-width:900px;margin:0 auto 20px;font-family:Verdana;}
.tension-stage{}
.tension-layout-grid{gap:5rem;}
.tension-visual-col{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:2.5rem;}
/*.tension-portrait-frame{position:relative;width:100%;max-width:290px;height:350px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(197,30,38,.25) 100%);border:2px solid rgba(245,158,11,.5);box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 0 30px rgba(245,158,11,.15);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}*/
.tension-portrait-frame{position:relative;    /* width:100%; */max-width:300px;/* height:280px;border-radius:1.7rem;/*background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(197,30,38,.25) 100%);background:linear-gradient(180deg, rgb(255 255 255) 0%, rgb(255 224 192) 100%);/*border:3px solid rgb(199 157 82 / 61%);*//*box-shadow:0 16px 40px rgba(0,0,0,.5),inset 0 0 30px rgba(245,158,11,.15);box-shadow:0 16px 0px rgba(0, 0, 0, .5), inset 0 0 30px rgba(245, 158, 11, .15);*/overflow:hidden;display:flex;align-items:flex-end;justify-content:center}



.tension-portrait-img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:/*drop-shadow(0 10px 20px rgba(0,0,0,.6))*/}
.tension-name-badge{position:absolute;bottom:12px;left:14px;right:14px;background:rgb(8 23 44 / 42%);backdrop-filter:blur(1px);border:1px solid rgba(251,191,36,.4);padding:8px 12px;border-radius:10px;text-align:center}
.tension-name-title{font-size:17px;font-weight:900;color:#fde047;letter-spacing:.5px}
.tension-name-sub{font-size:12px;color:#cbd5e1;margin-top:2px}
.tension-content-col{display:flex;flex-direction:column;gap:16px}
.tension-tag-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
/*.tension-badge-pill{background:linear-gradient(90deg,#dc2626 0%,#b91c1c 100%);color:#ffffff;font-size:1.5rem;font-weight:900;padding:4px 14px;border-radius:30px;letter-spacing:1px;box-shadow:0 0 16px rgba(220,38,38,.6);border:1px solid #f87171}*/
.tension-badge-pill {/* background:linear-gradient(90deg, #dc2626 0%, #b91c1c 100%); */background:#d44d35;color:#fff;font-size:1.5rem;font-weight:900;padding:4px 14px; border-radius:10px;letter-spacing:1px;/* box-shadow:0 0 7px rgb(255 255 255 / 50%); */border:3px solid #fef1ce;}
.tension-title-main{font-size:2.2rem;font-weight:900;line-height:1.4;font-family:"microsoft yahei";}
.tension-highlight-red{color:#ef4444;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.tension-slogan-bar{font-size:29px;/*font-weight:800;*/line-height:0.8;display:flex;align-items:center;gap:10px}
/*.tension-one-on-one-banner{background:linear-gradient(90deg,rgba(245,158,11,.22) 0%,rgba(197,30,38,.22) 100%);border-left:5px solid #f59e0b;padding:10px 18px;border-radius:8px;font-size:17px;font-weight:900;box-shadow:inset 0 0 14px rgba(245,158,11,.1)}*/
.tension-one-on-one-banner {/* background:linear-gradient(90deg, rgba(245, 158, 11, .22) 0%, rgba(197, 30, 38, .22) 100%); *//* border-left:5px solid #f59e0b; *//* border-right:5px solid #f59e0b; *//* background:#ffffff; */padding:6px 22px;border-radius:9px;font-size:22px;/* font-weight:900; */box-shadow:inset 0 0 14px rgba(245, 158, 11, .1);text-align:center;background:#d44d35;color:#fff;}
.tension-one-on-one-banner i{color:#efd79c;}
.tension-schedule-board{display:flex;flex-direction:column;gap:4px;margin-top:-16px}
.tension-ticket-row {
    background:rgb(212 77 53);
    border:1px rgb(247 240 227) dotted;
    border-left:8px solid rgb(165 146 100);
    /* border-right:1px solid #607D8B; */
    border-radius:10px;
    padding:11px 18px;
    display:grid;
    grid-template-columns:80px 170px 1fr;
    align-items:center;
    gap:17px;
    transition:all .25s ease;
    position:relative;
}
.tension-ticket-row:hover{transform:translateX(4px)}
/*.tension-city-pill{font-size:17px;font-weight:900;text-align:center;background:#ffffff;color:#0f2647;padding:5px 12px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.25)}*/
.tension-city-pill {font-size:36px;font-weight:900;text-align:center;/*background:#ffffff;*/color:#0f2647;padding:1px 3px;border-radius:8px;/* box-shadow:0 4px 10px rgba(0, 0, 0, .25); */color:#fff}
.tension-time-tag{font-size:26px;line-height:1.7rem;font-weight:900;font-family:monospace,sans-serif;letter-spacing:.5px;text-align:center;}
.tension-line-btn{justify-self:end;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #4CAF50 50%, #607D8B 100%);color:#ffffff;text-decoration:none;font-size:18px;/*font-weight:800;*/padding:8px 18px;border-radius:50px;/*box-shadow:0 4px 14px rgba(0,185,0,.35)*/;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}
.tension-line-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px rgba(0,185,0,.55);box-shadow:0 0px 10px #fff;}
/*全力主拚*/
.plan-grid{}
.plan-card{width:calc(100%/3 - 1.5rem);margin:0 0.75rem 1.5rem;background-color:#ffffffc7;border:2px solid #F44336;border-right:5px solid #345d80;border-left:5px solid #345d80;box-shadow:0 4px 12px rgba(0,0,0,.03);border-radius:.5rem;padding:1.5rem .9rem 1.5rem .9rem;transition:transform .2s ease,box-shadow .2s ease}
.plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(197,30,38,.1);}
.plan-card2{width:calc(100%/2 - 1.5rem);margin:0 0.75rem 1.5rem;background-color:#ffffffc7;border:2px solid #F44336;border-right:5px solid #345d80;border-left:5px solid #345d80;box-shadow:0 4px 12px rgba(0,0,0,.03);border-radius:.5rem;padding:1.5rem .9rem 1.5rem .9rem;transition:transform .2s ease,box-shadow .2s ease}
.plan-badge {align-self:flex-start;background-color:#fee2e2;color:var(--primary-red);font-size:1.9rem;line-height:2.4rem;font-weight:800;padding:10px 0px 11px 4px;border-radius:6px;margin-bottom:12px;font-family:"microsoft yahei";text-align:center;word-break:keep-all;overflow-wrap:anywhere;}
/*.plan-card-content{font-size:1.1rem;color:#334155;line-height:1.65}*/
.plan-card-content {font-size:1.25rem;color:#334155;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-0.12px;font-family:Verdana;}
.plan-card-content b,.master-banner b,.section-intro b{padding:0 0.25rem;font-family:Verdana;}
.plan-card-highlight{color:var(--primary-red);font-weight:800;display:block;margin-top:8px}
/*全修、單科任你拚*/
.master-banner{/*background:linear-gradient(135deg,#08172c 0%,#1e293b 100%);*/background:linear-gradient(135deg, #345d80 0%, #00BCD4 100%);color:#fff;border-radius:18px;padding:32px;border-left:14px solid #c79d52;width:90%;margin:0 auto 28px;font-family:"microsoft yahei"}
.master-title{font-size:35px;font-weight:900;color:#fde047;margin-bottom:16px}
.master-price-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:18px}
.master-price-item{background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:0.5rem;padding:12px 18px;font-size:1.25rem}
.master-price-number{font-size:20px;font-weight:900;color:#fbbf24}
.master-gift-item li{font-size:1.1rem;color:#fff;letter-spacing:1px;}
.t-small{font-size:1.25rem;display:inline-block;}
/*好課挺你拚到底*/
.css-tabs-wrapper{margin-top:24px}
.tabs-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;border-bottom:2px #a861a191 dotted;padding-bottom:0px}
.tabs-nav a{cursor:pointer;padding:10px 20px;font-size:2rem;font-weight:700;/*color:var(--text-muted);*/color:#a861a1;border-radius:8px 8px 0 0;/*background-color:#f1f5f9;*/background-color:#a861a145;transition:all .2s ease;text-decoration:none;}
.tabs-nav a:hover{background-color:#fee2e2;color:var(--primary-red);color:#a861a1;}
.tabs-nav .active{background-color:#a861a1;color:#fff;box-shadow:0 4px 10px rgba(15,38,71,.2)}
.tab-content-panel{animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.senior-card{font-size:1.15rem;text-align:center;color:#345d80;}
/**/
.target-fix{position:relative;display:block;visibility:hidden;top:-2rem;}
.happy_link{position:fixed;bottom:0;left:0;width:100%;background-color:#463e79;margin:0;}
aside.happy_link:hover{background-color:#900;}
aside.happy_link a{color:#ffe48a;text-decoration:none;font-size:1.25rem;}
aside.happy_link dl, aside.happy_link:hover dl{background:initial;padding:0.5rem;}
.happy_link i{color:black;}
.AD_text dd{margin:auto 1rem;padding:0 2rem 0 0;}
.AD_text dd:not(:last-of-type){border-right:1px dotted;color:#ffe48a;}
.AD_text dd:last-of-type{margin-right:0;}
.askclick{bottom:auto;right:0;}
.click_tag:hover{background:linear-gradient(to right, var(--middle-blue), var(--middle-blue));}
.announce{bottom:calc(10% + 100px);top:auto;}
.buy{text-align:center;}
.buy a{display:inline-block;font-size:1.5rem;margin:auto;padding:0.75rem 2rem;border-radius:3rem;background:linear-gradient(135deg, #345d80 0%, #00BCD4 100%);color:white;font-weight:bold;text-decoration:none;}
.buy a:hover{color:#fde047;box-shadow:0 0px 10px #fff;}
@media screen and (min-width:1281px){
	.master-gift-list{padding-left:4rem;}
}
@media screen and (max-width:1280px){
	.plan-card{width:calc(100% / 2 - 1.5rem);}
}
@media screen and (max-width:1179px){
    .tension-visual-col {position:relative;margin-top:0rem;}
    .tension-layout-grid{gap:1rem}
}
@media screen and (max-width:1023px){
	.AD_text dd{margin:auto .5rem;padding:0 1rem 0 0}
    .tension-layout-grid {gap:0rem;}
}
@media screen and (max-width:767px){ 
	aside.happy_link a{font-size:1rem;}
	.AD_text dd{margin:.2rem .5rem .2rem 0;padding:0 .5rem 0 0;line-height:.75rem;font-size:0.9rem;}
	.tension-ticket-row{grid-template-columns:1fr;gap:10px}
	.tension-line-btn{justify-self:stretch}
}
@media screen and (max-width:767px) and (orientation:portrait){ 
    .banner {background:linear-gradient(to right, #dfcfa5 0%, #fcf1d9 20%, #eadcbc 110%);}
    .bg1 {background:linear-gradient(to right, #dfcfa5 0%, #fcf1d9 20%, #eadcbc 110%);}
    .tension-portrait-img {width:100%;height:auto;object-fit:contain;object-position:center;}
    .tension-portrait-frame {position:relative;max-width:200px;}
    .tension-one-on-one-banner {font-size:18px;}
    .section-title {font-size:2.1rem;line-height:2.6rem;word-break:keep-all;overflow-wrap:anywhere;}
    .master-gift-item li {text-indent:-21px;margin-left:4%;}
    .section {padding:2rem 1rem 2rem;}
    .section-intro {font-size:1.25rem;margin:0 auto 20px;word-break:keep-all;overflow-wrap:anywhere;}
    .tension-title-main {font-size:2.2rem;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere;text-align:center;}
    .tension-slogan-bar {font-size:21px;line-height:1.2;}
    .plan-badge {font-size:1.7rem;}
	.plan-card,.plan-card2{width:100%;}
    .master-title {font-size:30px;}
	.tabs-nav a {font-size:1.4rem;padding:10px 9px;}
    
}