:root{
    --white:#fff;
    --emphasis:#c33a24;
    --mark_yellow:#fffccc;
    --sunrise_yellow:#e5d0bc;
    --gold:#a46d3b;
    --blue:#37528a;
    --emphasis_linear_text:linear-gradient(10deg,#c33a24,#8b1c1a);
    --emphasis_linear_btn:linear-gradient(30deg,#c33a24,#8b1c1a);
    --white_gradient:linear-gradient(0deg,#f0f0f0,#fff,#f0f0f0);
    --gold_gradient:linear-gradient(45deg,#00BCD4 0% 0%,#7d50a0);
    --yellow_gradient:linear-gradient(0deg,#f8eedf,#fff,#f8eedf);
}
.h1{font-size:3.3rem;text-align:center;line-height:2;color:#25140c;font-weight:bold;font-family:"microsoft yahei";color:#354b5e}
.more_btn{text-align:center;padding:1rem 0;}
.more_btn a{font-size:1.4rem;margin:0.25rem 0.5rem;cursor:pointer;display:inline-flex;flex-wrap:wrap;background:var(--gold_gradient);color:var(--white);text-decoration:none;padding:.5rem 1.5rem .5rem;border-radius:50rem;filter:drop-shadow(1px 2px 3px #0000003f);}
.more_btn a:hover{filter:unset;position:relative;top:1px;left:1px;}
.time a:hover,.recommend a:hover,.condition a:hover{position:relative;top:1px;left:1px;}
.bg1{background:linear-gradient(180deg,#95cbd0 0%,#fff8ee 85%,#fff8ee 100%);background:linear-gradient(180deg,#95cbd0 0%,#fefbf1 85%,#fffcf3 100%);}
.bg2{background:#f2e4d2;}
.bg3{background-color:#72438c;}
.bg4{background:url('../images/1407061/1407061_bg4.jpg') no-repeat center/ cover fixed;}
.bg-light-purple{background:#a08abb57;background:linear-gradient(360deg,#a08abb85 0%,#fefbf1 80%,#fffcf3 100%);padding-bottom:3%}
.text_white{color:var(--white);}
.text_yellow{color:var(--mark_yellow);}
.text_org{color:#ef6628;}
.text_gold{color:var(--gold);}
.text_red{background:var(--emphasis_linear_text);background-clip:text;-webkit-background-clip:text;color:transparent;font-family:Verdana;}
.wrap_all{word-break:keep-all;overflow-wrap:anywhere;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
small{font-family:Verdana;}
.ml-4{margin-left:1rem;}
/* 高點記帳士總複習班 */
.masterbanner img{background-color:#06bdd4}
.banner{width:100%;text-align:center;margin:auto;}
.banner img{width:100%;}
.banner h1{font-size:5rem;font-weight:bold;}
.banner .prodtitle{font-size:4rem;}
.banner .subtitle{font-size:3rem;}
.signin{padding:0 0 4rem;display:block;width:fit-content;padding:.5rem 3.2rem .7rem;margin:0 auto;border-radius:28px;border-left:12px #ec6d59 solid;border-right:12px #b58556 solid}
.bird{font-size:2.1rem;text-align:center;background-color:#ef6628;padding:0.5rem 0;}
.bird a{color:#fff;font-family:"microsoft yahei";font-weight:bold;}
.signin ul{text-align:left;width:fit-content;margin:auto;}
.signin ul li{font-size:1.5rem;color:#354b5e;padding:0;}
.enrolling{display:inline-block;color:#c33a24;animation:myfirst 1s infinite alternate ease-in-out;background-color:#ef6628;color:#fff;padding:3px 12px 4px 7px;border-radius:12px;margin-left:5px}
@keyframes myfirst{
    0%{opacity:1;}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
/* 王牌師資加持 */
.teacher{justify-content:center;padding:0rem 0 0;}
.teacher a{width:calc(100%/5 + 2rem);margin:0 -2rem auto;text-align:center;font-size:2rem;cursor:pointer;}
.teacher a small{font-size:1.15rem;margin:auto auto auto 0.25rem;display:inline-block;}
.teacher a.active{font-size:2.5rem;color:#0f80ba;}
.teacher a.active img{transform:scale(1.1);margin:1rem auto;transition:.25s;filter:drop-shadow(7px 0 0 #5bd7e0)}
.teacher a img:nth-of-type(2){display:none;}
.teacher a.active img:nth-of-type(1){display:none;}
.teacher a.active img:nth-of-type(2){display:block;}
.teacher a.active .name::before{content:'\f058';font-family:"Font Awesome 5 Free";font-weight:bold;display:inline-block;margin:auto 0.25rem auto auto;color:#ef6628;}
.teacher a:last-of-type{text-align:right;}
.course{justify-content:center;padding:1.5rem 1rem 1rem;border-top:7px #ef6628 dotted;border-bottom:8px #f7d7be solid;background-color:#ef66280f;border-radius:0 0 30px 30px;margin:0 auto;/*margin:0 3%;*/}
.course dl dd{font-size:1.25rem;}
.course .item{margin:0 3rem 1rem 0;}
.course .item dt{font-size:1.75rem;font-weight:bold;margin:auto auto 1rem auto;}
.course .item_B{width:377px}
.course .hear a{text-decoration:none;font-weight:initial;display:inline-block;background:#00BCD4;color:white;padding:0 1rem;border-radius:2rem;font-size:1.125rem;margin:auto auto auto 1rem;filter:drop-shadow(1px 2px 3px #0000003f);}
.course .hear a::before{content:'\f025';font-family:"Font Awesome 5 Free";font-weight:bold;display:inline-block;margin:auto 0.25rem auto auto;font-size:1.5rem;}
.course .list_B{display:inline-flex;align-items:center;text-wrap:nowrap;}
.course .list dt{font-size:1.5rem;line-height:42px;border-bottom:2px solid;padding:0 0.5rem;width:fit-content;margin:auto auto 1rem 0;text-wrap:nowrap;}
.course .list dd::before{content:'•';margin:auto 0.25rem auto 0;}
.course .fit-content{width:fit-content;}
.course .feature{margin:1rem auto 1rem 4rem;} 
.course .forte .list dd{margin:auto 2rem auto 0;}
/* 總複習+模考解析 */
.class-onsale{/*width:74%;*/margin:0 auto;padding:1%;border:2px #ef6628 dotted;border-left:10px #c33a24e3 solid;border-right:10px #6e3b95db solid;border-bottom:10px #0eb6c787 solid;border-radius:25px}
.early{text-align:center;font-size:2rem;padding:0 0 2rem;}
.early i{color:#c85fb8;font-size:2.2rem;}
.entity{width:72%;margin:auto;}
.entity dl dt{font-size:1.6rem;color:var(--blue);padding:1.3rem 1rem;margin:0 1rem .5rem;border:1px solid #00bcd4;border-left:3px solid #00bcd4;background:var(--white_gradient);display:inline-flex;align-items:center;justify-content:center;box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;border-radius:0 23px}
.entity dl dd{width:auto;font-size:1.6rem;border-bottom:1px #00bcd4 solid;padding:.3rem 1rem;margin:0 1.3rem;}
.entity dl dd:nth-child(4){border-bottom:unset;padding:0 1.6rem;margin:0 .3rem;}
.entity .date{color:var(--emphasis);background:var(--mark_yellow);border:1px dotted var(--white);padding:0 .5rem .15rem;margin:0 .5rem;font-size:smaller;vertical-align:top;}
.merit{position:absolute;line-height:1.5;left:130px;top:-6px;padding:.5rem .5rem .5rem 2.3rem;width:max-content;}
.merit ul li{font-size:1.05rem;color:#002f4f;}
/* 2023記帳士上榜菁英一致推薦 */
.recommend{width:80%;margin:auto;}
.stu_name:hover{border-bottom:unset;}
.recommend dl{width:calc(100% / 3 - 1.3rem);margin:0.5rem auto;background-color:#fff;border-radius:20px;}
.recommend dt{font-size:1.3rem;font-family:"Microsoft JhengHei";text-align:center;color:var(--blue);font-weight:bold;padding:.5rem 1rem;margin:auto;background:var(--white_gradient);border:1px solid #00bcd4;border-bottom:3px #00bcd4 dotted;border-radius:0 23px;}
.recommend a{text-decoration:none;}
.recommend dl dt b{font-size:larger;color:var(--gold);}
.recommend dd{font-size:1.2rem;line-height:2rem;padding:1.5rem 1.3rem 1.5rem 1.5rem;margin:auto;text-align:justify;}
/* 上榜加分必備 */
.booksbox{width:90%;margin:auto;}
.booksbox img{margin:auto;height:240px;filter:drop-shadow(4px 5px 3px #6e6e6e69);}
.booksbox .VueCarousel-slide{display:flex;flex-wrap:wrap;justify-content:center;}
.booksbox .VueCarousel-slide dl{margin:auto 0 1rem 1rem;}
.booksbox .VueCarousel-slide dl dt{font-size:2.7rem;color:#00b1c8;font-family:"microsoft yahei"}
.booksbox .VueCarousel-slide dl dd{font-size:1.2rem;}
.resource_btn{width:80%;margin:auto;} 
.resource_btn dl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-wrap:wrap;font-size:1.35rem;padding:.5rem;margin:0 auto 1rem;}
.resource_btn dl dt{font-size:1.7rem;font-weight:bold;color:#b74841;border-left:4px solid;padding:0 0 0 0.5rem;border-radius:unset;line-height:1.2;font-family:"microsoft yahei"}
.resource_btn dd a{margin:auto auto auto 1rem;}
/* 把握重疊考科 */
.exam_timeline{padding:0 1.5rem;}
.exam_timeline dt{font-size:1.8rem;line-height:2.4rem;padding:0 0 1rem 0;height:90px;margin-top:1rem;}
.exam_timeline .month{padding:1.5rem .5rem 1.5rem;background-color:#00BCD4;display:inline-flex;align-items:center;justify-content:center;box-shadow:rgb(0 0 0 / 14%) .95px 6.95px .6px;color:var(--morandi-blue);color:var(--white);margin:-1rem 1rem auto auto;float:left;width:95px;border-radius:0 0 70px 2px;}
.exam_timeline dd{font-size:1.135rem;}
.exam_timeline dd:nth-child(2){padding:.2rem;margin:0 0 .5rem;border-bottom:2px solid #00BCD4;width:max-content;color:#01a0b5}
.exam_timeline dd:not(:first-of-type){text-indent:-1.125rem;margin:.25rem auto .25rem 1.125rem;}
.exam_timeline dd:not(:first-of-type)::before{content:'•';color:#00bcd4;}
.exam_timeline dd.item_twice{text-indent:initial;margin:.5rem auto;}
.exam_timeline dd.item_twice::before{content:none;}
.exam_timeline .item_twice span{display:block;font-weight:bold;font-size:1.1rem;padding:.2rem .2rem .1rem;margin:0 0 .2rem;border-bottom:1px solid #354b5e;width:max-content;font-family:"microsoft yahei"}
.exam_timeline .item_twice li{width:calc(100% / 2 - .5rem);border-left:3px #ef6628 dotted;margin:0 auto;font-size:1.05rem;color:#354b5e;padding:.25rem .5rem .5rem .6rem;border-radius:7px;background-color:#ded7ce63}
.condition{text-align:center;margin-left:8%;}
.condition a{border:1px dotted;display:inline-flex;padding:.125rem .75rem;margin:.5rem auto;border-radius:2rem;background:#F44336;color:var(--white);text-decoration:none;font-size:1.2rem;}
.year_class{background:linear-gradient(90deg,#fbfbfb,#ffffffbd 65%,#fbfbfba8 95%);border-radius:1rem;padding:0 .5% 1%;/*border-top:2px solid #b578483f*/;margin:.5rem .01rem 2rem;box-shadow:0px 0px 9px #00BCD4,0px 0px 20px rgb(0 188 212 / 19%) inset;}
.pocket_list{width:85%;margin:auto;}
/* 頁尾QR區 */
.get_resource li{color:#fff !important;}
.get_resource a{font-weight:normal !important;}
@media screen and (min-width:1201px) and (max-width:1919px){ 
    .entity{width:90%;}
    .entity dl:first-of-type{padding:0 0 0 15%;}
}
@media screen and (min-width:1536px){
    /*.course .forte{width:1307px;}*/
    .course{width:1400px;}
    .class-onsale{width:1400px;}
}
@media screen and (min-width:1024px){
    .course .feature{width:950px;}
}
@media screen and (max-width:1535px){      
    .course .forte .list dd{margin:0}
    .teacher a.active{padding:0 0 0.5rem;}
    .course{width:1200px;}
    .class-onsale{width:1200px;}
}
@media screen and (max-width:1023px){      
    .course .feature{margin:auto;}
    .pocket_list{width:90%;margin:auto;}
    .entity{width:100%;justify-content:center;}
    .entity dl{width:100%;margin:auto auto 1rem;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;}
    .entity dl:last-of-type dd{order:2;}
    .entity dl dd{width:100%;font-size:1.25rem;padding:.2rem 1.6rem;margin:.2rem auto;text-align:center;}  
    .merit{position:unset;padding:1rem 0 0;}
    .h1{font-size:1.9rem;line-height:2.5rem;padding:0 0 .5rem;text-wrap:pretty;}
    .h1 .sm\:block{display:block;}
    .early{font-size:1.35rem;margin:2% 7% 0;}
}
@media screen and (min-width:1281px){ 
    .md\:block{display:block;}
    .booksbox{margin:auto auto 1rem;}
    .entity dl:first-of-type{width:45%;padding:0 0 0 5%;}
    .entity dl:last-of-type{width:50%;}
}
@media screen and (max-width:1280px){
    .teacher a{margin:0 -1rem auto;font-size:1.5rem;}
    .teacher a small{font-size:.75rem;line-height:.75rem;padding:0;display:block;}
    .teacher a.active{font-size:2rem;width:calc(100% / 5 + 3rem);margin:0 -3rem auto;}    
    .course{width:100%;}
    .class-onsale{max-width:calc(1024px - 2rem);width:calc(100% - 2rem);padding:3%;}
}
@media screen and (min-width:768px) and (max-width:1200px){
    .time{width:100%;}
    .recommend dl{width:100%;}    
    .entity .date{width:fit-content;margin:0 .2rem;}
    .books_carousel,.pocket_list{width:92%;}
    .exam_timeline{padding:0 1rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){
    .sm\:block{display:block;}
    .banner .prodtitle{font-size:3rem;}
    .banner h1{font-size:4rem;word-break:keep-all;overflow-wrap:anywhere}
    .banner .subtitle{font-size:2rem;word-break:keep-all;overflow-wrap:anywhere}
    .signin{width:auto;padding:.5rem 0.5rem 1.7rem;}
    .bird{word-break:keep-all;overflow-wrap:anywhere;font-size:1.5rem;text-wrap:balance;}    
    .teacher a{font-size:1rem;width:calc(100%/5 + 1rem);margin:0 -0.75rem;}
    .teacher a.active{font-size:1.25rem;width:calc(100%/5 + 1.5rem);margin:0 -0.25rem;}
    .teacher a.active img{margin:0.25rem auto 0.5rem;}
    .course{padding:1rem;margin:auto;}
    .course .item{margin:auto auto 1rem 0}
    .course .item dt{font-size:1.5rem;}
    .course .list dt{font-size:1.25rem;}
    .course .list dd{text-indent:-1.25rem;padding:0 0 0 1.25rem;}
    .course dl dd{font-size:1rem}
    .teacher a.active .name::before{font-size:1rem;}
    .course .hear a{font-size:1rem;}
    .course .hear a::before{font-size:1.25rem;}
}
@media screen and (max-width:767px){
    .time{width:100%;font-size:1.05rem;background:unset;}
    .time a{font-size:1.1rem;}
    .time tbody{width:100%;}
    .time tr{background:#fff;}
    .time .border-right{border-right:0;}
    /*手機尺寸版型*/
    .time,.time tbody,.time th,.time td,.time  tr{ display:block;}
	.time thead tr{ position:absolute;top:-9999px;left:-9999px;}
	.time td{padding:.25rem .25rem .25rem 3.25rem;border:none;border-bottom:1px var(--sunrise_yellow) dotted; position:relative;padding-left:42%; }
	.time td:before{ position:absolute;top:0;left:0;width:40%; white-space:nowrap;}
    .time tr td:before{content:'';border-right:1px #dddddd dotted;}
    /*區塊區分*/.time tr:nth-child(2),.time tr:nth-child(5),.time tr:nth-child(6){margin:1rem auto;}
    /*師資底色*/.time tr:nth-child(2) td:nth-child(2),.time tr:nth-child(3) td:nth-child(2),.time tr:nth-child(4) td:nth-child(1),.time tr:nth-child(5) td:nth-child(2) ,.time tr:nth-child(6) td:nth-child(2),.time tr:nth-child(7) td:nth-child(2){background:#fcf9ca;}
    /*小標題:before*/
    .time tr:first-child{display:none;}
    .time tr:nth-child(2) td:nth-of-type(1):before{ content:"科目";padding:.25rem;}
	.time tr:nth-child(2) td:nth-of-type(2):before{ content:"師資";padding:.25rem;}
	.time tr:nth-child(2) td:nth-of-type(3):before{ content:"2024開課日";border-bottom:1px solid var(--sunrise_yellow);padding:1.4rem .25rem;background:#fff;}
    .time tr:nth-child(3) td:nth-of-type(1):before{ content:"科目";padding:.25rem;}
	.time tr:nth-child(3) td:nth-of-type(2):before{ content:"師資";padding:.25rem;}
	.time tr:nth-child(3) td:nth-of-type(3):before{ content:"2024開課日";padding:.25rem;}
    .time tr:nth-child(4) td:nth-of-type(1):before{ content:"師資";padding:.25rem;}
	.time tr:nth-child(4) td:nth-of-type(2):before{ content:"2024開課日";border-bottom:1px solid var(--sunrise_yellow);padding:.25rem;}
    .time tr:nth-child(5) td:nth-of-type(1):before{ content:"科目";padding:.25rem;}
	.time tr:nth-child(5) td:nth-of-type(2):before{ content:"師資";padding:.25rem;}
	.time tr:nth-child(5) td:nth-of-type(3):before{ content:"2024開課日";border-bottom:1px solid var(--sunrise_yellow);padding:1.4rem .25rem;background:#fff;}
    .time tr:nth-child(6) td:nth-of-type(1):before{ content:"科目";padding:.25rem;}
	.time tr:nth-child(6) td:nth-of-type(2):before{ content:"師資";padding:.25rem;}
	.time tr:nth-child(6) td:nth-of-type(3):before{ content:"2024開課日";border-bottom:1px solid var(--sunrise_yellow);padding:1.4rem .25rem;background:#fff;}
    .time tr:nth-child(7) td:nth-of-type(1):before{ content:"科目";padding:.25rem;}
	.time tr:nth-child(7) td:nth-of-type(2):before{ content:"師資";padding:.25rem;}
	.time tr:nth-child(7) td:nth-of-type(3):before{ content:"2024開課日";border-bottom:1px solid var(--sunrise_yellow);padding:1.4rem .25rem;background:#fff;}    
    .more_btn a{width:65%;font-size:1.2rem;padding:.25rem;margin:1rem auto;display:block;}
    .recommend{width:100%;}
    .recommend dl{width:100%;margin:auto auto 1rem;}
    .recommend dl:last-of-type{margin:auto;}
    .recommend dt{font-size:1.2rem;}
    .recommend dd{font-size:1.05rem;padding:.5rem 1.2rem;}   
    .entity dl dt{padding:2% 0;margin:auto;font-size:1.5rem;width:100%;}
    .entity dl:first-of-type dd,.entity dl:last-of-type dd{padding:.5rem;margin:auto;}
    .entity .date{display:block;width:fit-content;margin:.25rem auto 0;}   
    .entity dl dt{font-size:1.25rem;}     
    .lecture{width:calc(100% - 0.5rem);margin:0.25rem auto;}
    .books_carousel{width:100%;}
    .booksbox,.pocket_list{width:90%;}
    .booksbox button i,.pocket_list button i{font-size:1.25rem;}
    .year_class{width:100%;padding:0;margin:0 auto;}
    .resource_btn{width:100%;padding:0 0 1rem 0;}
    .resource_btn dl{font-size:1.15rem;margin:0;justify-content:flex-start;}
    .resource_btn dl dt{font-size:1.25rem;}
    .exam_timeline{padding:0  1.25rem;}
    .exam_timeline .month{width:85px;}
    .exam_timeline dt{font-size:1.35rem;line-height:2rem;height:80px;}
    .exam_timeline dd{font-size:1.1rem;}
    .exam_timeline .item_twice li{width:100%;margin-bottom:2%;}
    .exam_timeline dd.item_twice{margin:auto;}
    .signin ul li{text-align:center;}
    .askclick{background:rgb(43 65 103 / 76%);}    
}