:root{
    --mustard-yellow:#ebdf0f;
    --dark-yellow:#d4c416;   
    --dark-yellow_text:#afa000;  
    --light-orange:#cda291;    
    --dark-orange:#b17d67;  
    --dark-orange_text:#9d6f5b;  
    --gray:#dcdcd0;  
    --red:#e6201d;
    --dark-red:#b3261e;
    --blue:#116E97;
    --black:#201513;
    --font-family:"Microsoft YaHei";
    --linear1:linear-gradient(145deg,#ededee 80%,#cccccc 100%);
}
.red{color:var(--red);}
.bgcolor-mustard-yellow{background-color:var(--mustard-yellow);}
.bgcolor-dark-orange{background-color:var(--dark-orange);}
section header h1{font-size:3rem;letter-spacing:-.1rem;padding:0 0 1rem;}
.wrap_all{word-break:keep-all;overflow-wrap:anywhere;white-space:normal;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
.px-1{padding:0 0.25rem;}
/*高點知識達雲端課程*/
.master_main{overflow:hidden;}
.people{width:30%;}
.master_title{width:fit-content;padding:0 0 0 2%;}
.master_title h3{font-size:3.25rem;line-height:4.5rem;margin:0.8rem 0;}
.master_title h3 span{padding:0 2rem .1rem; color:#ffffff;background:#b17d67;border-radius:50rem;}
.master_title h3 small{font-size:2.55rem;padding:.25rem;}
.master_title h1{font-size:6.6rem;line-height:6.8rem;letter-spacing:-.5rem;color:var(--dark-yellow_text);}
.master_title p{font-size:2.5rem;text-align:center;line-height:5rem;}
.master_title p strong{font-size:larger;}
.master_title strong{color:var(--dark-yellow_text);}
.news_item{font-size:3rem;padding:.25rem 0 1rem;text-align:left;line-height:3.6rem;color:var(--dark-red);font-weight:bold;letter-spacing:.25rem;}
.news_item a{color:var(--dark-orange);display:block;padding:0 0 0 10.5rem;}
.news_item span{padding:0 1rem 0 0;}
.people{transform:skewX(-10deg);padding:1rem 0;}
.people li{padding:1rem 2rem 1rem 0;font-size:1.3rem;text-align:right;transform:rotate(-5deg);}
.people li:nth-of-type(1){color:var(--dark-orange);padding:0.25rem 3rem 0 0;font-size:1.8rem;}
.people li:nth-of-type(2){background-color:var(--light-orange);margin-right:0.8rem;}
.people li:nth-of-type(3){background-color:var(--mustard-yellow);margin-right:0.4rem;}
.people li:nth-of-type(4){background-color:var(--dark-orange);}
.people li strong{font-size:1.8rem;}
/*商科高考狀元齊聲推薦*/
.sec_wrap{border-left:3rem solid var(--dark-yellow);width:95%;margin:auto auto auto 0;background:var(--linear1);border-radius:0 2rem 2rem 0;padding:1.5rem 0;z-index:2;position:relative;}
.sec_wrap h1 strong{padding-left:1rem;color:var(--red);}
.exp_item{width:calc(96%/4);}
.exp_item figure{background:linear-gradient(45deg,#dd4224,#ff6859);border:4px solid var(--mustard-yellow);width:10rem;width:10rem;height:10rem;border-radius:50%;margin:auto;position:relative;}
.exp_item figure img{border-radius:50rem;}
.exp_item figure span{position:absolute;right:-3.5rem;bottom:-2.5rem;font-size:2rem;color:var(--dark-red);width:6rem;height:6rem;line-height:2.25rem;border:1px solid;border-radius:50rem;display:flex;align-items:center;text-align:center;padding:0 5px;}
.exp_item ul{text-align:center;}
.exp_item ul li{font-weight:bold;font-size:1.35rem;}
.exp_item ul li:nth-of-type(2),.exp_item ul li.grade{text-align:left;text-indent:-2.35rem;padding-left:4rem;}
.exp_item ul li:last-of-type{font-size:initial;font-weight:initial;font-size:1.1rem;font-weight:bold;color:var(--dark-orange_text);font-family:var(--font-family);}
.exp_item ul li small{display:block;font-weight:initial;font-size:initial;}
.rank{border-radius:1rem;background-color:var(--mustard-yellow);font-weight:bold;padding:0 0.5rem;}
/*高點師資贏領高普考*/
.teacher_cont{padding:1.5rem 0;}
.teacher_cont h1 strong{padding-left:1rem;color:var(--dark-yellow_text);}
.photo{text-align:center;}
.photo img{margin:auto;}
.teacher_cont .swiper-button-next.swiper-button-black ,.teacher_cont .swiper-button-prev.swiper-button-black{opacity:.4;}
.teacher_cont .swiper-button-next ,.teacher_cont .swiper-button-prev{position:absolute;top:28%;background-size:28px 28px;}
.tea_show dt{background:#ee302c2a;padding:.25rem;margin:0 .2rem .5rem;border-radius:.5rem .5rem 0 0;}
.swiper-slide:nth-child(odd) .tea_show dt{background:#ebdf0f5a;}
.tea_show dd{padding:.1rem 0 .25rem;margin:0 .3rem;}
.tea_show dd i{padding:0 4px 0 0;font-size:14px;}
.swiper-slide:nth-child(odd) .tea_show dd{border-bottom:2px dotted #ebdf0f6a;}
.swiper-slide:nth-child(even) .tea_show dd{border-bottom:2px dotted #ee302c2a;}
.grade_cont{width:92%;max-width:1200px;margin:auto;justify-content:center;align-items:center;}
.grade_item{width:100%;padding:2rem 0 .5rem;}
.grade_item a{font-size:1.25rem;background-color:rgb(235 223 15 / 25%);text-align:center;width:calc(100%/4);padding:0.25rem 0;border-right:2px solid var(--gray);}
.grade_item a:first-of-type{border-radius:1rem 0 0 0;}
.grade_item a:last-of-type{border-right:0;border-radius:0 1rem 0 0;}
.grade_item a.active{background-color:rgb(235 223 15 / 100%);text-decoration:none;}
.grade_annual{width:98%;padding:1rem .15rem;margin:auto;border-bottom:2px dotted #cececeaa;}
.grade_annual:last-of-type{border-bottom:0;}
.annual_title{color:#fff;text-align:center;background-color:#b17d67;border-radius:50rem;position:relative;width:75px;height:75px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:auto .8rem auto .8rem;padding:15px 0 20px;line-height:0;}
.three_lines{padding:8px 0 13px;}
.annual_title::before{content:'';border:1px solid #cda29166;width:85px;height:85px;border-radius:4.25rem;display:flex;position:absolute;left:-5px;top:-5px;}
.grade_detail dt{font-weight:bold;font-size:1.2rem;}
.grade_detail dd{font-size:1.05rem;}
.grade_detail dd span{color:var(--red);padding:0 2px 0 0;}
.grade_detail dd span.px-1{padding:0 2px;}
/*高手勝試經驗大公開*/
.third_wrap{padding:1rem 0;}
.third_wrap h1{padding-bottom:1rem;}
.open_cont{width:calc(100%/2);margin:0;}
.open_cont:nth-child(2){margin:2.2rem 0 0;}
.open_item{padding:1rem}
.open_item h1 strong{color:var(--dark-yellow_text);}
.open_item dt{font-size:1.3rem;font-weight:bold;word-break:keep-all;}
.open_item dt strong{color:var(--red);}
.open_item dt small{font-weight:initial;font-size:initial;padding:0 0.25rem;}
.open_item dt span{font-size:1.25rem;display:block;background-color:#f9f5aa;padding:.25rem .25rem .25rem .3rem;line-height:1.3;margin:.25rem 0;}
.open_item dd{padding:0 0 0 .25rem ;}
.open_item dd strong{font-size:1.05rem;}
.more_btn{text-align:center;width:100%;padding:0.5rem 0 0;}
.more_btn a{font-size:1.2rem;display:inline-block;background-color:var(--dark-orange);color:white;text-decoration:none;border-radius:2rem;padding:.5rem 1rem;margin:1rem auto .25rem;}
.open_more{display:inline-block;}
.open_more::after{content:'>';padding:0 0 0 1px;display:inline-flex;position:relative;}
.decimal{padding:0 0 0 1rem;}
.decimal li{display:list-item;list-style-type:decimal;}
/*高點知識達獨佔鰲頭*/
.vs{width:95%;margin:auto 0 auto auto;padding:2rem 10% 2rem 7rem;background:linear-gradient(145deg,var(--dark-yellow) 0%,var(--mustard-yellow) 20%);border-radius:2rem 0 0 2rem;}
.comparison{max-width:1200px;width:95%;margin:auto;}
.comparison h1 strong{padding-left:1rem;}
.vs_brand{font-size:2rem;justify-content:center;align-items:flex-start;padding:2rem 0 0;}
.vs_brand b{font-size:3rem;}
.vs_brand .ibrain{background-color:var(--dark-yellow);transform:skewX(-20deg);padding:0 1rem 0 3rem;position:relative;margin:0 0 auto auto;display:flex;align-items:center;}
.vs_brand .ibrain b{padding:0 0 0 3rem;}
.vs_brand .ibrain::after{content:'';background:linear-gradient(to right,transparent 95%,#cccccc 95%);box-shadow:12px 10px 15px rgba(0,0,0,0.5);position:absolute;right:0;top:-15px;display:block;width:5px;height:145px;z-index:-1;}
.vs_brand .others{background-color:var(--gray);transform:skewX(-20deg);padding:0 3rem 0 1rem;margin:50px auto 0 -17px;display:flex;align-items:center;}
.vs_brand .others b{padding:0 3rem 0 0;}
.vs_list ul{width:fit-content;}
.vs_list ul li{list-style-type:decimal;display:list-item;font-size:1.1rem;padding:0.25rem 0;}
.vs_item{padding:1.5rem 0 0;position:relative;left:-1px;overflow:hidden;}
.vs_item a{font-size:1.25rem;background-color:#f8f4aa;border-radius:7px 7px 0 0;text-decoration:none;padding:.5rem 3rem;margin:0 .05rem;border-right:1px solid #cda291;}
.vs_item a.active{background-color:#fff;}
.vs_content{background:#fff;margin:auto 0;border-radius:0 1rem 1rem;}
.ibrain{font-size:1.5rem;width:fit-content;margin:auto 3rem auto 0;position:relative;color:#b17d67;font-weight:bold;}
.others{font-size:1.35rem;color:#b17d67;width:fit-content;margin:auto 5.8rem auto 1.25rem;}
.win{font-size:2rem;color:var(--red);margin:auto 2rem auto auto;font-weight:lighter;line-height:4rem;text-align:right;font-family:Verdana,"Microsoft JhengHei";transform:skewX(-10deg);}
.win i{font-size:1.55rem;position:relative;bottom:3px;padding:0 .25rem;}
.vs_detail{padding:1.25rem 1.25rem 1.25rem 2.5rem;}
.vs_detail:first-of-type{border-bottom:2px dotted #cda291;}
.waveTextAnimated span{display:inline-block;-webkit-animation:wave-text 1.5s ease-in-out infinite;animation:wave-text 1.5s ease-in-out infinite;letter-spacing:.2rem;}
.waveTextAnimated span:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s;}
.waveTextAnimated span:nth-of-type(2){-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.waveTextAnimated span:nth-of-type(3){-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.waveTextAnimated span:nth-of-type(4){-webkit-animation-delay:0.3s;animation-delay:0.3s;}
@-webkit-keyframes wave-text{
  0%{transform:translateY(0em);opacity:.3;}
  60%{transform:translateY(-0.2em);opacity:1;}
  65%{transform:translateY(-0.2em);opacity:1;}
  100%{transform:translateY(0em);opacity:.3;}
}
@keyframes wave-text{
  0%{transform:translateY(0em);opacity:.3;}
  60%{transform:translateY(-0.2em);opacity:1;}
  65%{transform:translateY(-0.2em);opacity:1;}
  100%{transform:translateY(0em);opacity:.3;}
}
/*操作介面貼心便捷*/
.fourth_wrap{margin:auto;padding:1rem;}
.fourth_wrap h1 strong{color:var(--dark-yellow_text);}
.interface_item{width:calc(100%/4);text-align:center;padding:1rem 0;}
.interface_item img{margin:auto;border:1px solid #383838;}
.interface_item dl dt{font-size:1.75rem;color:var(--dark-yellow_text);font-weight:bold;}
.interface_item dl dd{padding:0 1rem;}
/*掌握備考最佳時機*/
.fifth_wrap{margin:auto 0 auto auto;background-color:var(--mustard-yellow);border-radius:2rem 0 0 2rem;padding:2rem 10% 2rem 3rem;width:95%;}
.prepare_item{padding:1rem 0;}
.prepare_item:not(:last-of-type){width:calc(100%/3);}
.prepare_item dt{background-color:white;padding:0.25rem 1rem;font-size:2rem;position:relative;text-align:center;margin-bottom:1rem;}
.prepare_item:nth-of-type(even) dt{background-color:var(--gray);}
.prepare_item dt span{color:var(--dark-orange);font-weight:bold;}
.prepare_item dt::after{position:absolute;content:'';clip-path:polygon(100% 50%,50% 0,50% 100%);background-color:white;right:-1rem;top:0;width:2rem;height:100%;z-index:2;}
.prepare_item:nth-of-type(even) dt::after{background-color:var(--gray);}
.prepare_item:last-of-type{width:100%;}
.prepare_item dd{padding:0 1rem;}
.prepare_item:nth-child(1) dd,.prepare_item:nth-child(2) dd{text-align:center;}
.prepare_item dd strong{font-size:1.25rem;display:block;font-family:var(--font-family);}
.prepare_item dd small{font-weight:initial;}
.prepare_item:last-of-type dd{width:calc(100%/2);}
/*114新版*/
.sixth_wrap{border-left:3rem solid var(--dark-yellow);width:95%;margin:auto auto auto 0;background:var(--linear1);border-radius:0 2rem 0 0;padding:1rem 3rem 1rem 5rem;}
.sixth_wrap h1 strong{color:var(--dark-yellow_text);}
.sixth_wrap h1 span{font-size:2rem;}
.limit_cont{padding:1rem 0;align-items:center;justify-content:center;}
.version{font-size:2.6rem;line-height:3rem;text-align:center;padding:.5rem;}
.version .year{padding:0 0.5rem;display:block;background-color:var(--dark-yellow_text);color:white;border-radius:0.5rem;margin:0 0.5rem 0.5rem 0;}
.price{border:3px solid var(--dark-yellow);padding:1rem 2rem;margin:auto 0 auto 1rem;}
.price li{font-size:1.5rem;}
.price li span{color:var(--red);font-size:1.75rem;font-weight:bold;padding:0 0.125rem;}
.trial{width:800px;margin:auto;}
.trial dl{width:calc(100%/2);padding:1rem 0;font-size:1.45rem;}
.trial dl dt{color:var(--dark-orange_text);}
.trial dl dd a{margin:auto 0.5rem auto 0;}
aside.community{background-color:var(--dark-orange);}
#Ask{background-color:var(--light-orange) !important;}
@media screen and (min-width:768px){	
    .annual_title .md\:w-full{width:100%;}
    .grade_detail dd .md\:block{display:block;}
}
@media screen and (min-width:1201px){	
    .people{position:relative;left:-1rem;}
    [id*="event"] header,.teacher_cont,.interface_cont,.experience_cont,.open_wrap,.prepare_cont{width:1100px;margin:auto;}
    .exp_item:nth-of-type(n+1):nth-of-type(-n+4){margin:3rem auto 1rem;}
    .exp_item:nth-of-type(n+1):nth-of-type(-n+4) figure span{left:-5rem;right:initial;top:-3rem;bottom:initial;font-size:2.5rem;width:7rem;height:7rem;line-height:2.5rem;}
    .master_title h3{width:fit-content;}
    .news_item{font-size:3rem;padding:.25rem 0 1rem;line-height:2.75rem;text-align:center;color:var(--dark-red);font-weight:bold;letter-spacing:.25rem;}
}
@media screen and (max-width:1200px){
    .people{width:35%;}
    .master_title{width:65%;padding:0;}
    .master_title{line-height:4rem;}
    .master_title h1{font-size:6.6rem;line-height:7rem;}
    .master_title h3{font-size:3rem;line-height:3.25rem;}
    .master_title h3 small{font-size:2.25rem;line-height:0;}
    .master_title h3 span{text-align:center;padding:.5rem 0 .6rem;}
    .master_title p{line-height:3.5rem;}
    .exp_item{width:calc(100%/2);margin:1rem auto;}
    .exp_item:last-of-type{margin:2rem auto auto;}
    .exp_item ul li:nth-of-type(2),.exp_item ul li.grade{padding-left:30%;text-indent:-2.15rem;}  
    .open_item{padding:0.5rem 1rem;}
    .open_item dt{word-break:normal;}
    .interface_cont,.prepare_cont{padding:0;}
    .interface_item{width:calc(100%/2);}
    .sec_wrap,.sixth_wrap{width:95%;}   
    .fourth_wrap{width:100%;}
    .sec_wrap{padding:1rem 0;}
    .fifth_wrap,.sixth_wrap{padding:1rem;}
    .version{display:flex;}
    .price{margin:auto;}    
    .more_btn a{font-size:1rem;}    
    .teacher_cont .grade_list{width:90%;margin:auto;}
    .trial{width:100%;}
    .trial dl{font-size:1.1rem;}      
    .open_cont{width:100%;}
    .open_cont:nth-child(2){margin:auto;}
    .vs_content{width:100%;}
    .vs_list{padding:0 .5rem;}
    .vs{padding:1rem 2rem;}
    .comparison{width:100%;padding:1rem 0;}
    .others{width:100%;margin:auto;padding:0;}
    .win{font-size:2rem;line-height:3rem;display:inline;padding:0 0 0 1.5rem;}
    .win i{font-size:1.5rem;}
    .prepare_item dt{font-size:1.5rem;}
    .prepare_item dd{padding:0 .5rem;}
}
@media screen and (min-width:768px) and (max-width:1199px){
    section header h1 .sm\:block,.prepare_item .sm\:block{display:initial;}
    section header h1{padding:0 1.25rem 1rem;}
    .master_title h1{padding-bottom:0.5rem;}
    .people li strong{display:block;}
    .people{position:relative;left:-1.5rem;}
    .people li:nth-of-type(2){margin-right:1.1rem;}
    .people li:nth-of-type(3){margin-right:0.55rem;}    
}
@media screen and (max-width:1023px){
    .news_item a{padding:0 0 0 10rem;}
    .master_title h3 span{display:block;}
    .sixth_wrap h1 .sm\:block{display:block;}
}
@media screen and (max-width:767px) and (orientation:portrait){      
    .news_item a{padding:0;} 
    section header h1{font-size:2rem;line-height:3rem;text-align:center;} 
    section header h1 strong{font-size:2.05rem;} 
    .master_title{order:1;width:100%;padding:0;font-size:2rem;line-height:3rem;}
    .master_title h3{font-size:2rem;line-height:3rem;margin:.6rem auto;text-align:center;}
    .master_title h3 span{padding:.2rem 0 .25rem;}
    .master_title h3 small{font-size:1.8rem;}
    .master_title h1{font-size:4.5rem;line-height:5rem;padding:1rem 0;margin:0 auto 1rem;text-align:center;letter-spacing:.05rem;background-color:var(--mustard-yellow);color:var(--black);border-radius:0 0 0 2rem;}    
    .master_title h1 strong{color:var(--black);}
    .master_title p{font-size:2rem;line-height:2.5rem;text-align:center;}
    .news_item{width:100%;position:unset;font-size:2.35rem;line-height:3rem;margin:auto;padding:0.5rem 0;text-align:center;}
    .people{order:2;width:100%;margin:auto;transform:initial;}
    #event_master .people li{transform:skewX(-10deg);margin:auto;text-align:left;padding:0.25rem 0 0.25rem 2rem;position:relative;left:-0.5rem;}
    #event_master .people li:first-of-type{padding:0 0 0 2rem;}
    .sec_wrap,.sixth_wrap{border-left:1rem solid var(--dark-yellow);}
    .grade_item a{font-size:1rem;}
    .grade_item a:first-of-type{border-radius:0.5rem 0 0 0;}
    .grade_item a:last-of-type{border-radius:0 0.5rem 0 0;}
    .grade_annual{padding:0.5rem .15rem;}
    .exp_item{width:100%;} 
    .interface_item dl dt{font-size:1.5rem;line-height:2rem;}
    .open_cont,.prepare_item:not(:last-of-type),.prepare_item:last-of-type dd{width:100%;}
    .open_cont:nth-of-type(2){padding:0;}
    .prepare_item dt{line-height:2.5rem;}
    .price{padding:.5rem;}
    .price li{font-size:1.2rem;padding:0.5rem 0;}
    .price li span{font-size:1.4rem;}  
    .annual_title{margin:.5rem auto;}
    .vs_brand{font-size:1.25rem;}
    .vs_brand b{font-size:1.5rem;}
    .vs_brand .ibrain b{padding:0 0 0 0.5rem;}
    .vs_brand .ibrain{padding:0 1rem;}
    .vs_brand .others{margin:17px auto 0 -6px;padding:0 1rem;}
    .vs_brand .others b{padding:0 0.5rem 0 0;}
    .vs_brand .ibrain::after{height:75px;}
    .vs_item{width:fit-content;margin:0;padding:0;}
    .vs_item a{font-size:1rem;padding:.25rem .5rem;}
    .vs_list ul{padding:.5rem .5rem .5rem 1.25rem;}
    .vs{padding:1rem;width:100%;}
    .ibrain{margin:auto 0;}
    .vs_detail{padding:1rem 0 1rem 1rem;}
    .win{font-size:1.25rem;padding:0 0 0 .5em;}
    .win i{font-size:1rem;}
    .trial dl{width:100%;padding:0 0 .8rem .8rem;}        
    .sixth_wrap .more_btn a{margin:0.25rem auto;}
    .sixth_wrap h1{font-size:1.875rem;padding:0;}
}