:root{
    --white:#FFFFFF;
    --pink:#e83c78;
    --blue:#1d4878;
    --light_blue:#357dce;
}
#event_master h2{font-size:3.2rem;}
#EventContainer .bgcolor{background:#d0e1fd;}
#EventContainer .bgcolor0{background:url(../images/1511001_bg.png) no-repeat bottom}
#EventContainer .bgcolor1{background:#ff7b72;}
#EventContainer .bgcolor2{background:url(../images/1306009_line.png) no-repeat top;}
#EventContainer .bgcolor4{background:url(../images/1306009_bg.png) no-repeat bottom fixed;}
.bg-linear-yellow{background:linear-gradient(to right,transparent,rgb(249 251 221) 40%,rgb(252 255 220) 60%,transparent)}
#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh,.container,.oppo-header{padding:2rem 1rem;}
/*有質有量有多聞*/
.banner{text-align:center;}
/*保勝符*/
.hotkey{position:fixed;right:0;top:25%;z-index:4;background-color:rgb(255 242 224 / 80%);padding:0.25rem;border-radius:5px;}
.hotkey dl{font-size:1.25rem;padding:1rem;border:4px double #e64929;color:#e64929;border-radius:5px;}
.hotkey dl dt{text-align:center;background-color:#e64929;color:white;margin:auto 0 0.25rem;padding:0 0.25rem;}
/*神指點*/
.youtube-shorts-container{position:relative;width:100%;height:0;padding-bottom:178%;}
.youtube-shorts-iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:rgba(50,50,93,.25) 0 13px 27px -5px,rgba(0,0,0,.3) 0 8px 16px -8px;}
.shorts_list .shorts-click{padding:0.75rem 3rem;}
.youtube-shorts-container{width:95%;margin:auto;}
/*神點播*/
.cram_title{position:relative;font-size:4.2rem;font-family:'Noto Serif TC', serif;font-weight:900;}
.title_des{background-color:black;color:white;padding:0.25rem 2rem;border-radius:3rem;font-size:2.5rem;display:block;width:fit-content;position:relative;margin:1.2rem 0 0.3rem 0;}
.title_des::after{margin:0 0rem;position:absolute;right:-77px;top:40px;content:'';width:164px;height:41px;background:url(../images/1306009_cloud.png) no-repeat 100% 100%;}
.step{font-size:1.5rem;}
.shorts_list{text-align:center;padding:2rem 0;}
.shorts_list span{font-size:1.75rem;text-decoration:none;color:#4b5563;position:relative;cursor:pointer;margin:auto 2rem;background-color:white;padding:0.75rem 1rem 0.75rem 2rem;border-radius:3rem;opacity:0.8;box-shadow:0 0 #0000,0 0 #0000,0 0 #0000,0 0 #0000,0 1px 2px 0 rgb(0 0 0 / 0.1);display:inline-block;}
.shorts_list span.active{color:black;font-weight:bold;opacity:1;}
.line-btn{text-decoration:none;background-color:#07B53B;border-radius:2rem;padding:.35rem 1rem;margin:auto .5rem auto 1.5rem;color:white;font-size:1.25rem;font-weight:initial;position:relative;bottom:2px;}
.line-btn:hover{top:-2px;left:-2px;}
.line-btn::before{content:'\f3c0';font-family:"Font Awesome 6 Brands";font-weight:400;color:white;background-color:white;color:#07B53B;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;font-size:1.875rem;margin:auto .25rem auto auto;position:relative;top:3px}
.stream_wrap button{font-size:2.5rem;/*font-size:1.25rem;*/}
.video-wrap{width:97.5%;margin:auto;background-color:rgb(255 255 255 / 30%);height:100%;}
.video-wrap a{padding:0.5rem 0;display:block;text-align:center;}
.video-wrap a::before{content:'\f56d';font-weight:900;font-family:"Font Awesome 6 Free";padding:0 0.25rem 0 0;}
.video-wrap a.before\:content-none::before{content:none;}
.video-placeholder{position:relative;width:100%;padding-bottom:56.25%;height:0;}
.video-placeholder iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.video-placeholder img{cursor:pointer;width:100%;}
.video-card{background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, #c0934e 80%);position:relative;height:calc(100% - 2.5rem);}
/*高分量*/
.segment dl{text-align:center;margin:0 auto;background-color:white;width:calc(100% / 2 - 1rem);border-left:solid 6px #d3a243;border-radius:0 1.5rem;padding:0.8rem;background:radial-gradient(ellipse at center, #ffffff 40%, #ffebce 80%);}
.segment dl dt{font-size:2.5rem;color:#8442a6;}
.segment dl dt i{margin:auto 0.5rem auto auto;}
.segment dl dd{font-size:1.7rem;color:#b68233;text-align:left;line-height:1.8;}
.segment dl dd i{margin-right:0.4rem; }
.segment dl dd a{background:radial-gradient(ellipse at center, #fff8e4 20%, #c0934e 80%);display:inline-flex;flex-wrap:wrap;padding:0.15rem 0.5rem;border-radius:.8rem;text-decoration:none;margin:auto 0.5rem auto auto;font-size:1.2rem;color:black;}
.segment .twice a:first-of-type{margin:auto 0.5rem auto 0.5rem;}
/*笈大成*/
.book_add{padding:2rem 0;font-size:1.5rem;}
.book_add a:first-of-type{margin:auto 0.25rem auto 0;}
.book_add a:last-of-type{margin:auto 0.25rem;}
.booksbox{width:100%;margin:auto;}
.booksbox img{margin:auto;max-width:240px;filter:drop-shadow(4px 5px 3px #6e6e6e69);}
.booksbox .VueCarousel-slide{display:flex;flex-wrap:wrap;justify-content:center;}
.booksbox .VueCarousel-slide figure{margin:0;}
.booksbox .VueCarousel-slide figcaption{margin:auto 0 1rem;}
.booksbox .VueCarousel-slide dl dt{font-size:36px;color:#8442a6;font-family:"microsoft yahei"}
.booksbox .VueCarousel-slide dl dd{font-size:1.2rem;}
.cram_btn{text-align:center;padding:1% 0;}
.cram_btn a{background:radial-gradient(ellipse at center, #fff8e4 20%, #c0934e 80%);display:inline-flex;flex-wrap:wrap;padding:0.5rem 1.5rem;border-radius:2rem;font-size:1.5rem;text-decoration:none;margin:0.5rem;}
/*搶先機*/
.sort_item{}
.sort_item a{cursor:pointer;width:calc(100%/2);padding:1rem 0;transition:background-color 0.2s;background-color:rgb(179 71 133 / 50%);color:rgb(255 255 255 / 70%);font-size:2.4rem;text-align:center;text-decoration:none;position:relative;}
.sort_item a.active{font-size:2.5rem;color:#fff;}
.sort_item a.active.left{background-color:#b34785;font-size:2.7rem;color:#fff;}
.sort_item a.active.right{background-color:var(--light_blue);font-size:2.7rem;color:#fff;}
.sort_item a.right {background-color:rgb(53 125 206 / 70%);}
.sort_item a.active::after{content:'\f103';font-family:"Font Awesome 5 Free";font-weight:bold;margin-left:1rem;}
/*從基礎到進階*/
.sort_content .section{max-width:1535px;}
.bonus-box{max-width:1200px;width:100%;margin:auto;}
.progress{}
.progress dl{width:calc(100%/4 - 7.5%);text-align:center;padding:1rem .5rem;position:relative;line-height:1.6;font-size:1.2rem;}
.progress dl:nth-of-type(3){width:calc(100%/4 + 15%);}
.progress dl:nth-of-type(4){width:calc(100%/4);}
.progress dl dt{color:var(--blue);background-color:white;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;margin:0 auto .5rem;box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;position:relative;z-index:2;}
.progress dl::after{content:'';position:absolute;}
.progress dl:nth-of-type(1)::after{width:44%;height:1px;background-color:black;left:78%;top:calc(50px + 1rem);}
.progress dl:nth-of-type(3)::after{width:55%;height:1px;background-color:black;left:63%;top:calc(50px + 1rem);}
.progress dl dd{word-break:keep-all;overflow-wrap:anywhere;}
.progress dl dd a{color:#b21534;font-weight:bold;}
.decoration-none{text-decoration:none;cursor:initial;}
.decoration-none:hover{top:initial;}
.service{color:var(--blue);background-color:white;border-radius:2rem;font-size:1.25rem;padding:0.5rem 2rem;width:fit-content;margin:auto; box-shadow:rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset}
.service a{color:var(--pink);}
/*憑准考證優惠*/
.ask_link{text-align:center;font-size:1.3rem;padding:1rem 0;}
.ask_link a{margin:0.25rem 0.5rem;background-color:var(--light_orange);border-radius:2rem;padding:0.25rem 1rem;box-shadow:rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;text-decoration:none;display:inline-flex;flex-wrap:wrap;}
.class-title{width:24%;text-align:center;font-family:"Microsoft YaHei";font-weight:bold;font-size:1.8rem;padding:.5rem 0 0 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.class-title-t{text-align:center;font-family:"Microsoft YaHei";font-weight:bold;font-size:2.4rem;line-height:2.7rem;width:100%;}
.class-title-t strong{color:#fed900;text-shadow:-1px -1px 0 #1b1d1d, 1px -1px 0 #1b1d1d, -1px 1px 0 #1b1d1d, 1px 1px 0 #1b1d1d, 2px 2px 2px #1b1d1d;}
.bonus-box .bonus-cont:last-of-type{margin:0 auto;}
.bonus-cont{width:100%;margin:2rem auto 0;box-shadow:rgb(0 0 0 / 15%) -10px 5px 15px -5px;border-radius:2rem;border-top:8px #cccccc99 solid;background-color:#F5F1F0;padding:2rem 2rem 1rem;}
.bonus-cont dl{font-size:1.3rem;margin:1rem auto auto;}
.bonus-cont dl dd{padding:0.25rem 1rem;}
.bonus-cont .platform{width:100%;background:linear-gradient(45deg, rgb(179 71 133 / 10%) 50%, transparent);padding:0 1rem;}
.tab-2 .platform{background:linear-gradient(45deg, rgb(0 141 137 / 10%) 50%, transparent);}
.bonus-cont .decimal li{list-style-type:decimal;margin-left:2.5rem;}
.bonus-cont b{color:#00acba;}
.bonus-cont .pb-0{padding-bottom:0}
.bonus-cont .py-0{padding-bottom:0;padding-top:0;}
.bonus-cont .pt-0{padding-top:0;}
.triple dl{width:calc(100%/3);}
.price{color:var(--pink);font-size:1.5rem;margin:0.125rem;font-weight:bold;line-height:0;}
.class-name{color:#f23e7d;font-weight:bold;font-size:1.75rem;}
.class-name a{color:var(--blue);font-size:1.7rem;}
.triple .checkout{color:#b21534;width:100%;}
.bonus-cont .checkout dt{font-weight:600;}
.bonus-cont .checkout dt,.bonus-cont .checkout dd{padding:0;}
.bgcolor-green{background-color:#dbedd5;}
.bgcolor-pink{background-color:#fbd8de;}
.bgcolor-oldstu{background-color:#F44336;color:#fff;padding:1px 4px 2px 12px;border-radius:16px;display:inline-block;}
.supplement{text-align:center;padding:2rem 0 0;}
.shopping{font-size:2.2rem;padding:1.05rem 0;color:#fff;text-align:center;background:linear-gradient(to right, #ba4d90, #d79dbe);}
.tab-2 .shopping{background:linear-gradient(to right, #6494d4, rgb(51 124 192 / 90%));}
.shopping a{background-color:white;border-radius:2rem;padding:.25rem 1rem;margin:auto .5rem;box-shadow:rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;text-decoration:none;color:black;font-weight:normal;}
span.text-replace::after{content:'掌握限時好康！';}
@media screen and (min-width:1024px){
    .shorts-box .VueCarousel-inner{justify-content:center}
    .progress dl:nth-of-type(3)::before{content:'';width:47%;height:1px;background-color:black;position:absolute;right:62%;top:calc(50px + 1rem)}
}
@media screen and (min-width:1201px){
	#event_master, #event_sec, #event_third, #event_fourth header, #event_fifth, #event_sixth, #event_seventh,.oppo-header{width:1200px;margin:auto;}
    #event_fourth,.container{width:100%;max-width:1536px;margin:auto;}
}
@media screen and (max-width:1535px){
    .booksbox .VueCarousel-slide figcaption{width:100%;text-align:center;}
    .booksbox .VueCarousel-slide figcaption .md\:block{display:initial;}
    .stream_wrap{width:95%;margin:auto;}
}
@media screen and (max-width:1200px){
    .hotkey{position:fixed;top:auto;bottom:0;z-index:4;width:100%;background-color:rgb(255 219 203 / 100%);}
    .hotkey dl{padding:0.5rem;display:flex;flex-wrap:wrap;justify-content:center;}
    .hotkey dl dd{margin:auto 0 auto 0.5rem;}
    .step li{margin:auto auto auto 1.25rem;} 
    .stream_wrap .VueCarousel-navigation-prev[data-v-453ad8cd]{left:0.75rem;}
    .stream_wrap .VueCarousel-navigation-next[data-v-453ad8cd]{right:0.75rem;}
}
@media screen and (max-width:1023px){
    .booksbox .VueCarousel-slide figcaption .md\:block{display:block;}
    .shorts_list span{margin:auto 1rem;font-size:1.5rem}
    .segment ul li{white-space:pre-line;line-height:2.5rem;padding:0.5rem 0;}
    .video-wrap{width:95%;}
    .class-name a{font-size:1.5rem;}
    .bonus-cont dl dd{word-break:keep-all;overflow-wrap:anywhere}.progress dl,.progress dl:nth-of-type(3),.progress dl:nth-of-type(4){width:100%;padding:1rem 2rem}
    .progress dl:not(:last-of-type)::after{width:1px;height:2rem;left:50%;top:auto;bottom:-1rem;display:block;background-color:black}
}
@media screen and (max-width:767px){
    .booksbox{width:80%;}
}
@media screen and (max-width:767px) and (orientation:portrait){ 
	#event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth, #event_seventh{padding:1rem 1rem;}
	.title_des{font-size:1.5rem;margin-bottom:1.0rem;}
	.title_des::after{top:23px;}
	.cram_title{font-size:2.0rem;}
	.cram_btn a{font-size:1.0rem;}
    .step{font-size:1.25rem;}    
	.segment dl{margin:0.2rem auto;width:100%}
	.segment dl dt{font-size:1.5rem;}
	.segment dl dd{font-size:1.4rem;line-height:2.8;}
    .hotkey{padding:0;}    
    .hotkey dl{font-size:1rem;padding:0.25rem 0.25rem 0.5rem;}    
    .hotkey dl dt{width:100%;}
    .hotkey dl dd:first-of-type{margin:auto 0;}
    .book_kill ul li{width:calc(100%/2 - 0.25rem);}
    .shorts_list{padding:1rem 0;}
    .shorts_list span{width:calc(100%/2 - 0.25rem);padding:.25rem;border-radius:1rem;font-size:1.25rem;margin:auto;}
    .line-btn{padding:.25rem 0.5rem;font-size:1rem;position:initial;margin:auto;display:block;width:fit-content;}
    .line-btn::before{font-size:1.5rem}
    .line-btn::before{width:20px;height:20px;}   
    .stream_wrap button{font-size:2rem;}    
    .triple dl{width:100%;}
    .class-title-t{font-size:2rem;}
    .shorts_list .shorts-click{padding:.75rem;}
    .sort_item a{font-size:1.25rem}
    .sort_item a.active.left,.sort_item a.active.right{font-size:1.8rem;line-height:2.2rem}
    .shopping{font-size:1.3rem;text-align:center}
}