:root {
    --white:#fff;
    --emphasis:#b8251b;
    --mark_yellow:#fffccc;
    --sunrise_yellow:#e5d0bc;
    --gold:#a46d3b;
    --blue:#37528a;
    --emphasis_linear_text:linear-gradient(10deg, #ad241a, #800e0c);
    --emphasis_linear_btn:linear-gradient(30deg, #b74841, #8f160c);
    --white_gradient:linear-gradient(0deg, #f0f0f0, #fff, #f0f0f0);
    --gold_gradient:linear-gradient(45deg, #c38a5c 30%, #ac6d3c);
    --yellow_gradient:linear-gradient(0deg, #f8eedf, #fff, #f8eedf);
}

.h1 {font-size: 2.9rem;text-align: center;line-height: 2;font-weight: bold;transform: skewX(-8deg);color: #25140c;font-family: "Microsoft JhengHei";}
.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: .05rem 1rem .15rem;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;}
.bg{background:url('../../images/1307023_bg.jpg') no-repeat center / 100% auto;}
.bg_fixed{background:url('../../images/1307023_bg.jpg') no-repeat center / cover fixed;}
.bg1{/*margin: -.05rem;*/background:linear-gradient(180deg, #6b5347 0%, #fff8ee 85%, #fff8ee 100%);}
.bg2{background: var(--white);}
.text_white{color:var(--white);}
.text_yellow{color:var(--mark_yellow);}
.text_gold{color: var(--gold);}
.text_red{background: var(--emphasis_linear_text);background-clip: text;-webkit-background-clip: text;color: transparent;}
.wrap_all{word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

/* 高點記帳士總複習班 */
.banner {width: 100%;text-align: center;margin: auto;}
.banner img{width: 100%;}
.banner h1 {font-size: 5rem;font-weight: bold;}
.banner .subtitle {font-size: 4rem;}

/* 王牌師資加持 */
.time {text-align: center;font-size: 1.25rem;width: 80%;margin: auto;background: #fffcde;}
.time tr:nth-child(3) ,.time tr:nth-child(4) , .time tr:nth-child(6) {background:#ffffff;}
.time th {background:var(--white_gradient);padding: .25rem;border-bottom: 1px solid var(--sunrise_yellow);}
.time td {border: 1px solid var(--sunrise_yellow);padding: 0.25rem;}
.time .border-right {border-right: 2px dotted var(--sunrise_yellow);}
.time i {color: #97541a5f;padding: 0 .3rem;}
.time a {color: var(--gold);text-decoration: none;font-size: 1.35rem;}
.time a:hover , .time a:hover i {color: var(--emphasis);font-weight: bold;}
.tea_audi {width: 60%;margin:2rem auto 2.25rem;text-align: center;}
.tea_audi img {width: 100%;margin: auto;border-radius: .5rem;border: 5px solid var(--sunrise_yellow);box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.tea_audi a {position: relative;text-decoration: none;width: fit-content;margin: auto;display: flex;align-items: center;justify-content: center;}
.tea_audi a::before {content: '\f144';font-family: "Font Awesome 5 Free";font-weight: bold;position: absolute;top: auto;bottom: auto;right: auto;left: auto;margin: auto;font-size: 3.5rem; background: var(--emphasis_linear_text);color: #f0f0f0;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;filter: drop-shadow(1px 2px 3px #0000003f);}
.tea_audi a:hover::before {transform: scale(1.1);transition: 0.25s;background: #f0f0f0;color: #ad241a;}
.audi_title {position: absolute;left: 5px;top: 5px;border-radius: .15rem 0 0 0;background: #fffcde;font-size: 1.25rem;padding: 0.25rem 3rem 0.3rem 2.25rem;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);}
.audi_title span {color: var(--gold);font-size: 1.35rem;padding: 0 0 0 0.25rem;}

/* 2023記帳士上榜菁英一致推薦 */
.recommend {width: 80%;margin: auto;}
/* .stu_name {border-bottom: 1px dotted;} */
.stu_name:hover {border-bottom: unset;}
.recommend dl {width: calc(100% / 3 - 1.3rem);margin:0 auto;}
.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);clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);}
.recommend a {text-decoration: none;}
.recommend dl dt b {font-size:larger;color: var(--gold);}
.recommend dd{font-size: 1.15rem;padding: .8rem 1.8rem;margin: auto;}

/*2023記帳士解題講座．溫故知新*/
.video{width: 82%;margin:.25rem auto 1.5rem;}
.lecture {width: calc(100%/2 - 1rem);margin: auto;border: 2px solid var(--sunrise_yellow);filter: drop-shadow(1px 2px 3px #0000003f);}

/* 總複習+模考解析 */
.entity {width: 72%;margin: auto;}
/* .entity dl {} */
.entity dl:first-of-type {width: 45%;padding: 0 0 0 5%;}
.entity dl:last-of-type {width: 50%;}
.entity dl dt {font-size: 1.6rem;color: var(--blue);line-height: 2.5;padding: .3rem 1rem;margin: 0 1rem .5rem;border-bottom: 1px solid var(--sunrise_yellow);background: var(--white_gradient);display: inline-flex;align-items: center;justify-content: center;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
/* .entity dl:first-child dt{}
.entity dl:last-child dt{} */
.entity dl dd {width: auto;font-size: 1.6rem;border-bottom: 1px dotted #37528a3f;padding: .3rem 1.6rem;margin: .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: 135px;top: -6px;padding: .5rem .5rem .5rem 2.3rem;}
.merit ul li {font-size: 1.05rem;color: var(--blue);}

/* 上榜加分必備 */
.books_carousel {width:62%;margin: auto;}
/* .books_carousel {width: 100%;}
.books_area{width: 85%;margin: auto;padding: 0 5% 0 0;}
.bookslist_fixed{width: 20%;margin: 0px .5rem 0 0;}
.booksbox{width: 80%;} */
.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.45rem;font-weight: bold;color: #b74841;border-left: 4px solid;padding: 0 0 0 0.5rem;border-radius:unset;line-height: 1.35;}
.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: var(--gold_gradient);display: inline-flex;align-items: center;justify-content: center;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;color: var(--morandi-blue);color:var(--white);margin: -1rem 1rem auto auto;float: left;width: 95px;}
.exam_timeline dd {font-size: 1.135rem;}
.exam_timeline dd:nth-child(2) {padding: .2rem;margin: 0 0 .5rem;border-bottom: 2px solid #97541a3f;width: max-content;}
.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: #97541a5f;}
.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: 2px solid #37528a5f;width: max-content;}
.exam_timeline .item_twice li {width: calc(100%/2 - .5rem);border: 1px dotted #37528a3f;margin: 0 auto;font-size: 1.05rem;color: var(--blue);padding:.25rem .5rem .5rem .6rem;}
.condition {text-align: center;}
.condition a {border: 1px dotted;display: inline-flex;padding: .125rem .75rem;margin: .5rem auto;border-radius: 2rem;background: var(--emphasis_linear_btn);color:var(--white);text-decoration: none;}
.year_class {background: linear-gradient(90deg, #fbfbfb, #ffffffee 65%, #fbfbfb00 95%);border-radius: 1rem;padding: 0 .5% 1%;border-top: 2px solid #b578483f;margin: .5rem .01rem 2rem;}
.pocket_list{width: 85%;margin: auto;}


@media screen and (min-width: 1920px) { 
    .entity {width: 60%;}
}

@media screen and (min-width: 1201px) and (max-width: 1919px){ 
    .entity {width: 90%;}
    .entity dl:first-of-type {padding: 0 0 0 15%;}

    .books_carousel {width:75%;margin: auto;}
    /* .books_area{width: 85%;margin: auto;padding: 0 0 0 3%;}
    .bookslist_fixed{width: 15%;margin: 0px 2rem 0 0;}
    .booksbox{width: 75%;} */
}

@media screen and (max-width: 1023px) {      
    .booksbox, .pocket_list {width: 90%;margin: auto;}
    .entity dl:first-of-type {margin: auto auto 1rem;}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .h1 {font-size: 2.6rem;}
    .time {width: 100%;}
    .recommend dl {width: 100%;}
    .entity {width: 98%;}
    .entity .date {width: fit-content;margin: 0 .2rem;}
    .entity dl:first-of-type {width: 35%;padding: 0 0 0 2%;}
    .entity dl:last-of-type {width: 65%;}
    .merit{right: 25px;top: -8px;}
    .video {width: 100%;}
    .tea_audi {width: 80%;}

    /* .books_area{width: 95%;margin: auto;padding: 0 6% 0 0;}
    .bookslist_fixed{width: 33%;margin: 0px 2rem 0 0;}
    .booksbox{width: 67%;} */
    .books_carousel , .pocket_list {width: 92%;}
    .exam_timeline {padding: 0 1rem;}


    @media screen and (min-width: 1024px) {  
        .entity {width: 75%;}
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .sm\:block {display: block;}
    .tea_audi img {width: 100%;height: 200px;object-fit: cover;}
}

@media screen and (max-width: 767px) {    
    .h1 {font-size: 1.4rem;line-height: 1.2;padding: 0 0 .5rem;}
    .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;}

    .tea_audi {width: 100%;margin: 0 auto 1rem;}
    .tea_audi a {flex-wrap: wrap;}
    .audi_title {font-size: 1rem;padding: 0.25rem 1rem 0.25rem 0.5rem;clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);}
    .audi_title span {font-size: 1.05rem;width: auto;display: inline-flex;align-items: center;}
    .tea_audi a::before {font-size: 2rem;width: 30px;height: 30px;} 

    .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 {width: 100%;}
    .entity dl:last-of-type {display: flex;flex-wrap: wrap;}
    .entity dl:first-of-type , .entity dl:first-of-type dt, .entity dl:first-of-type dd ,.entity dl:last-of-type , .entity dl:last-of-type dt, .entity dl:last-of-type dd {width: 100%;}
    .entity dl:first-of-type dt , .entity dl:last-of-type dt {padding: 0 ;margin: auto;}
    .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:last-of-type dt {order: 1;} */
    .entity dl:last-of-type dd {order: 2;}
    /* .entity dl:last-of-type dd.merit {position: initial;order: 3;} */
    .entity dl dt {font-size: 1.25rem;}
    .entity dl dd {width: auto;font-size: 1.25rem;padding: .2rem 1.6rem;margin: .2rem auto;text-align: center;}
    .merit{position: unset;padding: 1rem 0 .25rem 1rem;margin: 0 auto;}
    .lecture {width: calc(100% - 0.5rem);margin: 0.25rem auto;}
    .video {width: 100%;}


    .books_carousel {width: 100%;}
    /* .books_area{width: 96%;margin: auto;padding: 0 3% 0 0;}
    .bookslist_fixed{width: 90%;margin: 0 1.6rem 0 0;}
    .booksbox{width: 10%;} */
    .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%;}
    .exam_timeline dd.item_twice{margin: auto;}

}

    
/*相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Webkit*/
}
@media print {
}