/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus { outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* css reset 歸0 end */
body *{font-family:'Noto Sans TC', sans-serif;}
a{text-decoration:underline;color:inherit;}
a:hover{text-decoration:none;}
ul,li,h1,h2,h3,dd,dl,p{margin:0;padding:0;}
ul,li,ol{list-style-type:none;}
.word-break{word-break: keep-all;overflow-wrap: break-word;}
/*所有元素漸變0.5秒*/
*{transition:all .5s;box-sizing:border-box;}
#BodyContentEvent{margin:auto;}
:root {
    --brand-red:#B22222;
    --brand-red-hover:#8B0000;
    --brand-dark:#2c3e50;
    --brand-gold:#f1c40f;
    --brand-gold-hover:#d4ac0d;
    --bg-light:#f9fafb;
    --bg-gray:#f3f4f6;
    --text-main:#374151;
    --text-light:#6b7280;
    --border-color:#e5e7eb;
    --white:#ffffff;
    --shadow-sm:0 1px 2px 0 rgba(0, 0, 0, .05);
    --shadow-md:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    --shadow-lg:0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --shadow-xl:0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
}
.container{width:100%;margin:0 auto;padding: 2.5rem 2rem 2rem}
.section{}
.fade-in-up{animation:fadeInUp 0.8s ease-out forwards;}
@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translateY(30px);
    }
    to {
        opacity:1;
        transform:translateY(0);
    }
}
/*高點來勝不動產專班*/
.banner {
    text-align: center;
    width: auto;
    margin: 0 auto;
}
.banner img {margin: 0 auto;width: 100%;border-radius: 20px 20px 0 0;padding-bottom: .3rem;}
.hero {text-align: center;background: linear-gradient(to left, #e0cfa3 10%, #fffcf3 40%, #fffefa 50%, #e0cfa2 100%);border-radius: 20px 20px 0 0;}

.hero-content{margin:0 auto}
.hero-title {font-size: 5.5rem;font-weight: 900;margin-bottom: 24px;line-height: 1;font-family: 'Noto Serif TC', serif;font-family: "MStiffHeiHK", "Microsoft YaHei";    background-image: linear-gradient(to bottom, #EA5427 20%, #ff9778 40%);-webkit-background-clip: text;background-clip: text;color: transparent;}
/*.hero-highlight{font-size:3.5rem;}*/
.hero-highlight {font-size: 3.5rem;letter-spacing: 2px;font-family: 'Noto Serif TC', serif;font-size: 4rem;background-image: linear-gradient(to bottom, #EA5427 20%, #ff9778 82%);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: bold;padding: 0;}
.hero-subtitle{font-size:3rem;font-weight:500;font-family: "MStiffHeiHK", "Microsoft YaHei";}
.hero-desc{font-size:2rem;font-weight:300;opacity:.95}
.btn-white{background-color:var(--white);color:var(--brand-red);font-weight:700;padding:12px 32px;border-radius:50px;box-shadow:var(--shadow-lg);}
.btn-white:hover{background-color:var(--bg-gray);transform:translateY(-3px)}
.btn-gold{background-color:var(--brand-gold);color:var(--brand-red);font-weight:700;padding:12px 32px;border-radius:50px;box-shadow:var(--shadow-lg);}
.btn-gold:hover{background-color:var(--brand-gold-hover);transform:translateY(-3px)}
/*黃金三角師資*/
.bg-white{background-color:var(--white)}
.bg-gray{background-color:var(--bg-gray)}
.section-header2{text-align:center;margin-bottom:40px}
.section-title{font-size: 3.5rem;font-weight: 900;margin-bottom: 24px;line-height: .7;font-family: 'Noto Serif TC', serif;font-family: "MStiffHeiHK", "Microsoft YaHei";    background-image: linear-gradient(to bottom, #EA5427 24%, #ff9778 49%);-webkit-background-clip: text;background-clip: text;color: transparent;color: #a32a83b8;text-shadow: rgb(255 255 255) 0px 0px 15px;}
.section-subtitle {font-size: 2rem;line-height: 2.5rem;color: #383534e8;}
.section-subtitle2{font-size:1.8rem;color:var(--text-light);color: #383534e8;}
.section-subtitle3{font-size:1.8rem;color:var(--text-light);color: #383534e8;}
.section-subtitle4 {font-size: 3rem;line-height: 3rem;color: #00a8bd;}
.big_t{font-size: 3.5rem;color: #d7a349;line-height: .8;}
.pattern-bg {background-image: radial-gradient(rgb(255 179 154) 1px, #ffd92924 1px);background-image: radial-gradient(rgb(255 179 154) 1px, #ba837324 1px);background-size: 20px 20px;}
.triangle-layout{position:relative;max-width:900px;margin: -3% auto 0;display:flex;flex-direction:column;gap:32px}
.triangle-bg{display:none;position:absolute;top:10%;left:0;right:0;bottom:0;z-index:0;opacity:.4;pointer-events:none}
.teacher-top{display:flex;justify-content:center;position:relative;z-index:1}
.teacher-bottom{display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}
.teacher-card{text-align:center;width:100%;max-width:400px;margin:0 auto}
.teacher-card:hover{transform:translateY(-8px);}
.teacher-avatar{}
.teacher-avatar img{border: 12px #d0b27ee3 solid;border-radius: 150px;}
.teacher-name{font-size:2.2rem;font-weight:700;color:#4f2c68;margin-bottom:12px;display:flex;align-items:center;justify-content:center;border-bottom: 3px #d7a349 dotted;display: inline-block;}
.teacher-name a{color: #a32a83}
.teacher-icon{color:var(--brand-gold);margin-right:8px;font-size:1.2rem}
.teacher-subname{font-size:1rem;color:var(--text-light);font-weight:400;margin-left:8px}
.teacher-desc{color:var(--text-main);font-weight:500;font-size: 1.3rem;line-height: 1.9rem;word-break:keep-all;overflow-wrap:anywhere;}
/*學習型態多元*/
.section-header{text-align:center;margin-bottom:20px}
.modes-grid{display:grid;grid-template-columns:1fr;gap:24px;width:100%;margin:0 auto}
.mode-card{background-color:#ffffff99;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}
.colorline-1{border: #607d8bd1 1px solid;border-bottom: #354a55a3 6px solid;border-top: #a34486d1 15px solid;}
.colorline-2{}
.colorline-3{}
.mode-img-wrapper{position:relative;}
.mode-img-wrapper img{width:100%;}
.mode-badge{position:absolute;top:73%;left:0;padding:6px 12px;color:var(--white);font-weight:700;border-bottom-right-radius:12px;display:flex;align-items:center;gap:6px;font-size:2.1rem;border-right: 7px #fafafa6e solid;border-top: 4px #fafafa45 solid;}
.bg-blue{background-color:#3b82f6}
.bg-yellow{background-color:#FF9800}
.bg-green{background-color:#10b981}
.mode-content{padding:24px 20px 9px 24px;flex-grow:1}
.mode-target {display: inline-block;color: #4c5458;font-weight: 700;border-radius: 0;font-size: 1.25rem;line-height: 1.7rem;margin: 0 0 1rem 3.5rem;text-indent: -60px;   padding: 3% 3% 3% 0%;border-bottom: 1px #000 dotted;}
.mode-list li{margin-bottom:12px;font-size:1.15rem;display:flex;align-items:flex-start;gap:8px;font-family: "Microsoft JhengHei";}
.mode-list i{color: #00BCD4;margin-top: 6px;font-size: 1.2rem;}
/*課業服務全升級*/
.pattern2-bg{background-image: radial-gradient(rgb(255 255 255) 1px, #b0976c6e 1px);background-size: 20px 20px;padding: 1.5% 0 2%;}
.Squarelines-bg {background: url(../images/1507043_Squarelines_bg.jpg) repeat center;}
.services-flex{display: flex;flex-wrap: wrap;justify-content: center;}
.service-card{background-color:var(--white);border-radius:16px;width:500px;margin:0 1rem 2rem;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;border: #9c27b066 1px solid;border-bottom: #354a55a3 6px solid;}
.service-card:hover{box-shadow:var(--shadow-xl)}
.service-img-wrapper{position:relative;height:300px;overflow:hidden}
.service-img-wrapper img{width:100%;transition:transform .8s ease}
.service-card:hover .service-img-wrapper img{transform:scale(1.05)}
.service-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,24,39,.9) 0%,rgba(17,24,39,.3) 50%,transparent 100%);}
.service-title-area{position:absolute;bottom:20px;left:24px;display:flex;align-items:center;gap:16px}
.service-icon{width:44px;height:44px;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:var(--shadow-md)}
.icon-blue{background-color:#3b82f6}
.icon-red{background-color:#ef4444}
.icon-green{background-color:#10b981}
.icon-purple{background-color:#8b5cf6}
.service-title{color:var(--white);font-size:2.2rem;font-weight:700;letter-spacing:1px}
.service-content{padding:24px;flex-grow:1;display:flex;align-items:center}
.service-text{font-size:1.1rem;color:var(--text-main)}
.cta-group{text-align:center;display:flex;flex-direction:column;gap:16px;justify-content:center}
.cta-group a{text-decoration:none;font-size:1.5rem;border-radius: 100px;}
.btn-dark{background-color:var(--brand-dark);color:var(--white);padding:12px 24px;border-radius:8px;font-weight:500;}
.btn-dark:hover{background-color:#1a252f}
.btn-red{background-color:var(--brand-red);color:var(--white);padding:12px 24px;border-radius:8px;font-weight:500;}
.btn-red:hover{background-color:var(--brand-red-hover)}
.purchase-links{margin-top:32px;text-align:center;background-color:#ba549f;padding:16px;border-radius:100px;display:inline-block;font-size: 1.3rem;padding: 12px 24px;color: #fff;}
.purchase-links a{color: #fff;}
.purchase-title{font-weight:700;margin-right:8px}
.purchase-link{color:#2563eb;margin:0 8px}
.purchase-link:hover{text-decoration: none;}
/*用實力說話*/
.achievements-section{background-color:var(--brand-dark);color:var(--white);position:relative;background-color: #d75128;}
.achievements-content{position:relative;z-index:1}
.achievements-content .section-subtitle{color:var(--white);}
.title-gold{color:var(--brand-gold)}
.title-White{color:#fff;text-shadow: none;}
.divider-gold{background-color:var(--brand-gold)}
.achievements-box {background-color: rgb(21 21 22 / 17%);border-radius: 22px;padding: 30px 40px 40px;max-width: 88%;margin: 0 auto;border-left: 8px #d3b583 solid;border-right: 8px #d3b583 solid;}
.achievements-list {display: flex;flex-direction: column;gap: 8px;font-size: 1.95rem;}
.achievements-item{display:flex;align-items:flex-start;gap:16px}
.achievements-item strong{color:#FFEB3B;}
.achievements-icon {color: #e0b469;font-size: 1.7rem;margin-top: 12px;}
.more-link{display:inline-block;margin-top:32px;color:var(--brand-gold);text-decoration:underline;text-underline-offset:10px;text-decoration-style:dashed;font-size:1.5rem;}
.more-link:hover{color:var(--white)}
/*口碑一致推薦*/
.testimonials-cont .more-link{color:var(--brand-dark)}
.testimonials-cont .more-link:hover{color:var(--brand-red);}
.testimonials-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:1100px;margin:0 auto}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}
.testimonial-card{background-color:var(--white);padding:32px 32px 20px;border-radius:20px;border:1px solid var(--border-color);position:relative;display:flex;flex-direction: column-reverse;}
.testimonial-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}
.quote-mark{position:absolute;top:10px;right:20px;font-size:6rem;font-family:serif;color:#fef2f2;line-height:1;user-select:none;z-index:0}
.testimonial-content{position:relative;z-index:2;flex-grow:1}
.testimonial-title {font-size: 1.95rem;font-weight: 700;color: #ba4c87;margin-bottom: 16px;line-height: 1.3;position: relative;word-break: keep-all;overflow-wrap: break-word;  font-family: "MStiffHeiHK", "Microsoft YaHei";}
.testimonial-title::after{content:'”';font-size:6rem;position:absolute;top:1rem;right:0;font-family:serif;color:#fef2f2;line-height:0;z-index:-1;}
.testimonial-text{font-size: 1.07rem;line-height: 1.7rem;padding: 0 1rem 1rem 0rem;margin: auto;text-align: justify;font-weight: normal;}
.testimonial-author{display:flex;align-items:center;gap:16px;padding-bottom: 17px;border-bottom: 1px solid var(--border-color);position:relative;z-index:1;margin-bottom: 1.5%;}
.author-avatar {width: 56px;height: 56px;border-radius: 50%;background-color: #00BCD4;color: var(--white);display: flex;align-items: center;justify-content: center;font-size: 1.25rem;font-weight: 700;flex-shrink: 0;border: 4px #dfceb7 solid;}
.author-avatar img{width: 70px}
.author-info{display:flex;flex-direction:column;gap:4px}
.author-name{font-weight:700;color:var(--brand-dark);font-size:1.1rem}
.author-dept{font-size:.875rem;color:var(--text-light);font-weight:400}
.author-achievement{font-size:1.05rem;color:#fff;font-weight:700;background-color:#F44336;padding:4px 8px;border-radius:4px;display:inline-block;align-self:flex-start}
/*在職學員專屬*/
.business-card{color: #fff;background-color:#00BCD4;padding:0.5rem 1rem;border-radius:2rem;font-size:1.5rem;text-align:center;width:fit-content;margin:1rem auto auto;}
.price{justify-content:center;margin:auto;}
.price dl{/*width:calc(100%/3);*/padding: 0 1rem;border-left: 5px #00BCD4 solid;margin: auto 1rem}
.price dl dt{font-size:1.8rem;font-weight:bold;color:var(--brand-dark);}
.price dl dd{font-size:1.15rem;}
.price dl dd b{font-size:1.25rem;color:#ef4444;}
/*頁尾選單*/
.askarea {background: #ac4a6f!important;}
#formlist input[type="submit"], #formlist input[type="reset"] {color: #FFF;background: #4f2c68!important;padding: .5em;}

/*站內原有樣式*/
#BodyContainer_event{width:100%;margin:0;}
#BodyHeader_event_rwd,#topli{display:none;}

/*資料集中1200px寬外框*/
#event_master,#event_sec,#event_third,#event_fourth,#event_fifth{margin:0 auto;padding:0;text-align:center;}
#Master_title{display:block;}/*主圖位置ID*/

/*瀏覽器相容性通知*/
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #006699;background-color:#3399CC;z-index:9999;position:fixed;left:0;top:0;}
#noie a{color:#FC0;}
.hottxt{ color:#ffd942; font-size:13px; }
@media (min-width:640px){
    .cta-group{flex-direction:row}
}
@media (min-width:768px) {
    .triangle-bg{display:flex;justify-content:center;align-items:center}
    /*.triangle-bg svg{width:80%;height:100%;color:#d7a349}*/
    .triangle-bg svg {width: 70%;height: 83%;color: #d7a349;margin-top: -17%;}
    .teacher-bottom{flex-direction:row;justify-content:space-between;padding:0 40px;margin-top: -7%;}
    .teacher-bottom .teacher-card{width:calc(50% - 20px)}
}
@media (min-width:1024px){
    .modes-grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1281px){
    .container{max-width:1200px;}
    .modes-grid{max-width:1000px;}
}
@media (max-width:1200px){
    /*Event隱藏*/
    #BodyContentNavigator,#EventHeaderin,#BodyContentAd,#MenuFixed{display:none}    
    .banner img {border-radius: 0;}
    .testimonial-title{word-break: normal;font-size: 1.55rem;}
    .testimonial-author {flex-direction: column;}
}
@media (max-width:1179px){

}
@media (max-width:1023px){
    .modes-grid{max-width:500px;}
    .price dl{padding:revert-rule;}
    .author-avatar{/*display:none;*/}
}
@media (max-width:767px) and (orientation:portrait) {
    .container {padding: 2.5rem 1.8rem 2rem;}
    .banner {width: 100%;margin-bottom: 0;margin-top: .5%;}
    .big_t {font-size: 3rem;}
    .teacher-avatar img {border: 8px #d0b27ee3 solid;width: 140px;}
    .teacher-name {font-size: 1.8rem;}
    .teacher-desc {font-size: 1.2rem;line-height: 1.7rem;}
    .section-title{font-size:2.35rem;line-height:2.7rem;word-break:keep-all;overflow-wrap:anywhere;}
    .section-subtitle {font-size: 1.5rem;line-height: 2rem;}
    .section-subtitle2 {font-size: 1.33rem;}
    .section-subtitle3 {font-size: 1.4rem;line-height: 1.7rem;word-break: keep-all;overflow-wrap: break-word;}
    .service-content {padding: 18px;}
    .service-text {font-size: 1.05rem;}
    .achievements-box {max-width: 100%;background-color: rgb(21 21 22 / 17%);border-radius: 22px;padding: 20px 10px 20px;}
    .achievements-list {font-size: 1.25rem;}
    .achievements-icon {font-size: 1.6rem;margin-top: 8px;}
    .mode-badge {font-size: 1.86rem;}
    .mode-target {font-size: 1.2rem;}
    .mode-list li {font-size: 1.05rem;margin-top: 4px;}
    .cta-group a {font-size: 1.2rem;}
    .service-img-wrapper{height:auto;}
    .service-title-area{left:12px;gap:8px;}
    .service-icon{width:35px;height:35px;}
    .service-title{font-size:1.25rem;}
    .price dl{width:100%;margin: auto;}
    .price dl:first-of-type{margin:auto auto 2rem;}
    .hero-title{font-size:3rem;font-weight:900;margin-bottom:24px;line-height:1.1;}
    .hero-highlight{font-size: 2.1rem;line-height: 1;}
    .testimonial-text {font-size: 1.12rem;padding: 0 0 1rem 0;}
    .section-subtitle4 {font-size: 1.9rem;line-height: 2.5rem;}
    .business-card {border-radius: 1rem;font-size: 1.2rem;}
    .price dl dt {font-size: 1.6rem;}
    .author-name {font-size: 1.15rem;word-break: keep-all;overflow-wrap: break-word;}
    .purchase-links {border-radius: 60px;}
    #topbutton {background-color: #00BCD4 !important;}
    
}