:root{
    --kumquat:#E9AD4A;
    --red:#cb311c;
    --blue:#546ea6;
}
/*2024高點會計師題庫班*/
.bg1{background:#ae2612;}
.bg2{background:linear-gradient(to right,#ff911b 15%,#ffb830 55%)}
.bg3{background:#ffdddd;}
.bg4{background:#ffb830;}
.banner{max-width:100%;}
.banner_title{font-size:5rem;text-align:center;}
.banner_des{font-size:3.8rem;text-align:center;background:linear-gradient(to right,#04b2c9 15%,#1ee8ce 85%);color:white;letter-spacing:0.3rem;}
.banner_des b{font-size:4.3rem;color:antiquewhite;animation:myfirst 1.5s infinite alternate ease-in-out;}
@keyframes myfirst{
    0%{opacity:1}
    15%{opacity:0}
    25%{opacity:1}
    100%{opacity:1}
}
/*重點對象*/
.trait dl{margin:auto;}
.trait dl dt{font-size:2rem;background:linear-gradient(to right,#ffffff 65%,#ffffff00 100%);text-align:center;color:#af1800;margin-bottom:0.5rem;padding:0.2rem;border-left:dotted;}
.trait dl dd{font-size:1.5rem;color:white;padding:0.4rem;}
.trait dl dd:not(:last-of-type){border-bottom:1px dotted;}
.trait dl dd span{color:#ce2f16;font-weight:bold;}
/*專業師資引領*/
.seq_title{font-size:3.4rem;text-align:center;color:#af1800;padding:1% 5%;font-family:'Noto Serif TC',serif;font-weight:900;}
.teacher_box dl{display:flex;flex-wrap:wrap;align-items:flex-start;}
.teacher_box dl dt{background-image:url(../images/1301094/classroom.jpg);background-size:cover;padding:2rem 0rem 0;border:6px solid white;border-top:10px solid white;border-bottom:10px solid white;transform:rotate(-1deg);z-index:1;align-items:flex-end;display:flex;}
.teacher_box dl dt img{width:180px;}
.teacher_box dl > div{width:calc(100% - 250px);}
.teacher_box dl dd{background-color:white;padding:0.25rem 2rem;font-size:1.5rem;color:#ffa30d;box-shadow:rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;width:fit-content;border-left:solid 7px;margin:1% 0;}
.teacher_box ul{padding:1.5rem 0 0 4rem;}
.teacher_box ul li{font-size:1.125rem;}
.teacher_box ul li:not(:last-of-type){text-indent:-1.125rem;margin:auto auto auto 1.125rem;}
.teacher_box ul li:not(:last-of-type)::before{content:'・';color:var(--kumquat);}
.teacher_box ul li:last-of-type{padding:0 0 0 0.75rem;}
.teacher_box ul li:last-of-type a{font-size:1.25rem;margin:0.5rem;display:inline-flex;text-decoration:none;}
.teacher_box ul li a{color:#13b2c7;}
/*113會計師題庫班*/
.open_date{width:100%;}
.open_date tr:first-of-type th{background-color:#d04430;color:white;font-size:1.5rem;border-right: 2px dotted rgb(255 255 255 / 20%);}
.open_date tr th.sub{background:linear-gradient(to right,#ffe2e0 80%,#fff0f0 100%);color:#d04430;border-bottom:2px dotted white;font-size:1.25rem;padding:0.35rem 0;border-right:2px solid #d04430;}
.open_date tr td{text-align:center;border-bottom:2px dotted #f1a4a0;border-right:2px dotted #f1a4a0;font-size:1.125rem;}
.open_date tr:nth-of-type(2) td{font-size:1.25rem;font-weight:bold;}
.sale{text-align:left;font-size:1.5rem;padding:1% 2%;}
/*試不宜遲*/
.course_price{padding:1rem 0;}
.course_price dl{width:calc(100%/2 - 2%);margin:0 1%;background-color:white;padding:2.5rem 2rem 2rem;position:relative;}
.course_price dl dt{font-size:1.7rem;background:linear-gradient(to right,transparent 0%,#d04430 10%,#d04430 90%,transparent 100%);top:-15px;position:absolute;text-align:center;left:0;right:0;margin:auto;width:300px;color:white;}
.course_price dl dd{font-size:1.4rem;padding:0.2rem 0;}
.price_tag{color:var(--red);font-weight:bold;padding:0 2px;font-size:1.6rem;}
.course_note{font-size:1.25rem;padding:1rem 0;justify-content:center;}
.course_note li{padding:1rem;line-height:2rem;}
.course_note li a:first-of-type{background-color:#13b2c7 ;border:0px dotted var(--blue);color:#FFF;text-decoration:none;padding:0.25rem 1rem;margin:auto 0.5rem auto auto;}
/*上榜高手60天有效推薦！*/
.recommend{font-size:1.125rem;}
.recommend_tab{align-items:center;padding:0.5rem 0;border-bottom:solid 5px #d04430;margin-bottom:0.5rem;font-size:1.5rem;}
.recommend_tab a{line-height:1.125rem;margin:auto 0 auto 1rem;cursor:pointer;color:#d04430;font-size:1.2rem;margin:auto 0 1.2rem 0.5rem;}
.recommend_tab a:not(:first-of-type){border-left:2px solid rgba(99,99,99,0.2);}
.recommend_tab a{padding:0 0.5rem 0.125rem 0.75rem;}
.recommend_tab a.active{background-color:#d04430;color:white;border-radius:2rem;padding:0.5rem 0.5rem;text-decoration:none;}
.recommend_tab a.active::before{content:'\f164';font-family:"Font Awesome 5 Free";font-weight:bold;padding:0 0.25rem 0 0;}
.recommend .VueCarousel-slide{padding:0.5rem 0;}
.recommend .slide{border-radius:1rem;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;padding:1rem;background-color:white;width:95%;height:100%;margin:0 auto;}
.recommend .video,.recommend .books{justify-content:center;}
.recommend .video a{margin:auto 0.5rem auto 0;text-align:center;width:calc(100%/3 - 2%);background-color:#ffefcf;font-size:1.0rem;}
.recommend .books a{margin:auto 0.5rem auto 0;width:150px;}
.st_name a{color:#f16c0b;margin:auto 0.5rem auto auto;font-size:1.8rem;border-right:dotted 2px;padding-right:1.5rem;margin-right:1.5rem;}
.st_name{font-size:1.5rem;padding:0 0 0.5rem;justify-content:center;text-align:center;border-bottom:solid 1px;color:#ff911b;margin-bottom:0.5rem;}
.tabVuecontent{font-size:1.3rem;color:#761305;}
.recommend .video{padding:2% 0;}
.grade{text-align:center;}
.grade a{font-size:2.5rem;color:#af1800;font-family:'Noto Serif TC',serif;font-weight:900;}
/*選擇適合自己的衝刺方式！*/
.learn_mode dl{width:calc(100%/3 - 3rem);margin:0 auto;text-align:center;}
.learn_mode dl dt{font-size:1.5rem;background-color:#d04430;color:white;margin-bottom:0.5rem;}
.learn_mode dl dd{font-size:1.25rem;}
.learn_mode dl dd img{margin:auto;}
.shop_guide{margin:auto;padding:1rem 0;text-align:center;}
.shop_guide a{cursor:pointer;font-size:1.5rem;background-color:#ffb830;color:white;border-radius:2rem;padding:0.3rem 1.5rem;text-decoration:none;margin:0.5rem 1.0rem;display:inline-block;}
/*會計師考生大推*/
.series_books a{font-size:2rem;text-align:center;display:block;padding:0 1rem;text-decoration:none;}
.series_books img{margin:auto;padding-top:0.5rem}
.bookname{color:white;padding:0.2rem 5rem;font-size:1.7rem;background:linear-gradient(to right,transparent 0%,#d04430 10%,#d04430 90%,transparent 100%);display:inline-block;width:max-content;}
@media screen and (min-width:1024px){  
    .teacher_box dl > div{margin:0 0 0 -1rem;z-index:2;position:relative;}
    .teacher_box dl dd:first-of-type{margin:3rem 0 0.5rem;}   
    .series_books img{height:300px;}
    .series_books .VueCarousel-slide:last-of-type img{height:220px;margin:2rem auto;}
    .grade+.seq_title{padding: 0;}
}
@media screen and (max-width:1023px){        
    .teacher_box dl > div{width:100%;}
    .teacher_box,.recommend,.series_books{width:90%;margin:auto;}
    .teacher_box ul{padding:1.5rem 1.5rem 0 0;}
    .course_price dl{width:calc(100%/2 - 2rem);}  
    .series_books .VueCarousel-slide:last-of-type img{height:290px;}  
    .recommend .VueCarousel-slide:first-of-type{margin:auto;}
    .grade .sm\:block{display:block;}
}
@media screen and (max-width:767px){
	.banner_des{font-size:1.8rem;letter-spacing:0rem;}
	.banner_des b{font-size:2.0rem;}
	.trait dl dt{font-size:1.5rem;}
	.trait dl dd{font-size:1.2rem;}
	.seq_title{font-size:2.4rem;line-height:2.8rem;}
	.teacher_box dl dt{margin:0 auto;}
	.teacher_box dl > div{width:calc(100%);}
	.course_note{font-size:1.0rem;padding:0.5rem 0;justify-content:left;}
    .course_note li{padding:1rem 0 0;}
    .recommend{width:95%;}
    .recommend .VueCarousel-wrapper{padding:0;}
	.recommend .video a{width:calc(100%/1 - 2%);}
    .open_date tr:first-of-type th{font-size:1.25rem;}
    .open_date tr th.sub{font-size:1rem;}      
    .sale{font-size:1.125rem;}      
    .course_price dl,.learn_mode dl{width:calc(100%);margin:1rem;}
    .shop_guide a{margin:0.5rem;display:inline-flex;}
    .VueCarousel-navigation i{font-size:1rem;}
    .grade a{font-size:1.5rem;width:auto;padding:.2rem 1rem;}
}  
@media screen and (max-width:767px) and (orientation:portrait){
    .st_name a{display:block;border-right:0;padding:0;margin:0;}
    .recommend .books a{width:calc(100% / 2 - 0.5rem);}
    .grade a .sm\:block{display:block;}    
    .open_date{width:100%;overflow-x:scroll;-webkit-overflow-scrolling:touch;display:block;word-break:break-all;}
    .open_date tbody{width:150%;display:block;}
    .open_date::-webkit-scrollbar-thumb{background:#d13c2dbd;}
    .open_date::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);background:#f0f0f0;}
    .open_date::-webkit-scrollbar,.table-wrap::-webkit-scrollbar-track{display:block;}
    .open_date::-webkit-scrollbar{height:2px;} 
}