: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: break-word;white-space: normal;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}


/*高點知識達雲端課程*/
.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{/*letter-spacing: -.05rem;*/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 {/*color: var(--dark-orange_text);*/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-color: var(--mustard-yellow);*/
    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(--red);*/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;/*width: auto;*/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; /*padding: 1rem 2rem;*/}
.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;/*color: var(--dark-yellow_text);*/}
.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;width: 7rem;line-height: 3rem;text-align: center;padding: 0.5rem;}
.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 {width: auto;}
    .price {margin: auto;}    
    .more_btn a {font-size: 1rem;}
    .sixth_wrap h1 span {display: inline-block;}
    .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;}
}

@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;}
}