section h1{font-size:3.25rem;padding:1rem 0 .35rem;letter-spacing:1px;color:#1e1e1e;font-family:'Microsoft YaHei', 'Microsoft JhengHei';text-align:center;font-weight:bold;}
section h2{font-size:2.5rem;}
section h3{font-size:2rem;}
.e-bgcolor1{background-color:#fffaf4;background:linear-gradient(90deg, #d9b3573f, #fffaf4);}
.e-bgcolor2{background-image:linear-gradient(#ece0ca4f 1px, transparent 1px), linear-gradient(to right, #ece0ca4f 1px, #ffffff 1px);background-size:25px 25px;}
:root{
    --tiffany:#01ADBB;
    /* --yellow:#FFEB3A; */
    --yellow:#fff7af;
    --grape:#B07796;
    --ebdec7:#ebdec7;
    --darkblue:#1e2354;
    --middle-blue:#486096;
    --red:#e9363c;
}
a:hover{text-decoration:none;}
small{font-size:smaller;}
.darkblue{color:#ad7f1d;}
.red_text{color:var(--red);}
.red_bg{background-color:var(--red);}
.word_break{word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;-webkit-text-size-adjust:100%;}
/* Event */
.eventwrap{padding:.5rem;}
.header_wrap{padding:.5rem 0;background-color:#fff;border-bottom:5px solid #be8b215e; position:fixed;top:0;z-index:2;}
.event_menu ul li{list-style-type:none;padding:0 1.5rem;}
.event_menu ul li a{text-decoration:none;}
/*搞定記帳士*/
.main_pic h1{padding:1rem 0;font-size:5rem;}
.main_des{font-size:3rem;}
.banner,.banner_m{margin:auto;background:#fffaf4;background:linear-gradient(90deg, #d9b3573f, #fffaf4);border-top:5px solid #be8b215e;}
.banner_m{display:none;}
/*王牌師資解題講座*/
.lecture_item{width:calc(100%/2);}
.lecture_item .video-wrap{border:5px solid #be8b215e;border-radius:2rem 0;overflow:hidden;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.lecture_item figure{width:35%;position:relative;margin:auto -5% 0 auto;}
.lecture_item figure img{width:100%;padding:0rem .5rem 0;margin:-9rem auto 0;border-radius:0 0 1.8rem 0;}
.lecture_list div:first-child figure img {position: relative;left: 1.5rem;}
.lecture_item span{background-color:#5B5B5B;background:linear-gradient(45deg, #cab69e, #a3866f);background:linear-gradient(45deg, #dbb75c, #bb871c); color:white;    border-radius:1.8rem 0 1.8rem 0;padding:0.5rem 1rem;position:absolute;right:0;bottom:0;font-size:1.5rem;}
.launch{font-size:2.2rem;line-height: 2.6rem;color:var(--red);text-align:center;font-weight:bold;}
.lecture_list{justify-content:center;}
.lecture_list div{position: relative;margin:.5rem 0 0;z-index: 1;}
.lecture_list dl{position: absolute;width: 100%;padding: .6rem 0 0;z-index: -1;border-radius: 1rem;}
.lecture_list div:first-child dl{right: 15.25rem;bottom: 4.5rem;background: linear-gradient(90deg, #fae69a, #fdf8f000);transform: skewX(5deg);}
.lecture_list div:last-child dl{left: 15rem;bottom: 4.75rem;background:linear-gradient(90deg, #fdf8f000, #fae69a);transform: skewX(-5deg);}
.lecture_list figure img{width: 330px;height: 400px;object-fit: cover;object-position: center top;border-radius: 0;padding: .5rem 0 0 1rem;}
.lecture_list dl dd{color:#9d6b00;font-size:1.75rem;font-weight:400;text-align:center;}
.lecture_list div dl dd:last-child{font-size:1.7rem;color:#ffffff;background:#263360;border-radius: 0 0 1rem 1rem;padding: .5rem;margin: .5rem 0 0;}
.lecture_list div:first-child dl dd{padding: 0 3.5rem 0 0;}
.lecture_list div:last-child dl dd {padding: 0 0 0 5.5rem;}
.lecture_list div:first-child dl dd:last-child {padding: .5rem 2rem .5rem .5rem;}
.lecture_list div:last-child dl dd:last-child {padding: .5rem .5rem .5rem 2.5rem;}
.reservation{padding:1rem 0 2rem;text-align:center;}
.reservation a{display:inline-block;margin:auto .5rem;padding:.5rem 1.5rem .5rem 2rem;color:var(--red);background-color:#fff;border-left:2px dotted #e9363c;border-right:2px dotted #e9363c;font-size:1.8rem;text-decoration:none;}
.reservation a:hover{border-left:2px solid var(--red);border-right:2px solid var(--red);}
.reservation01 a {letter-spacing: .125rem;padding: .25rem 1.5rem .25rem 2rem;color: #fff;background: linear-gradient(45deg, #e9363c, #e9363c);border-left: 2px dotted #fff;border-right: 2px dotted #fff;position: relative;top: -1rem;z-index: 10;width: 42%;}
/* .reservation01 a{color:#fff;background:linear-gradient(45deg, #e9363c, #e9363c);border-left:2px dotted #fff;border-right:2px dotted #fff;} */
.reservation01 a:hover{background:linear-gradient(45deg, #e9363c, #fd555b);border-left:2px dotted #fff;border-right:2px dotted #fff;}
.reservation i{padding-left:1rem;}
.target-fix{position:relative;top:-66px;display:block;visibility:hidden;}
.lecture_item .w-4\/5{width:80%;}
/*期間限定，憑證享優惠！*/
.benefit_item{justify-content:space-around;}
.period{font-size:1.6rem;padding:0 0 1rem;text-align:center;}
.period .price{font-size:2rem;}
.benefit_item > dl{width:calc(100%/2 - 1rem);background-color:#fff9f1;overflow:hidden;filter: drop-shadow(1px 2px 5px #0000002a);}
.benefit_item > dl > dt{background:linear-gradient(45deg, #dbb75c, #bb871c);font-size:2rem;padding:.5rem 0;color:white;text-align:center;}
.benefit_item > dl:first-of-type{border-radius:2rem 0;}
.benefit_item > dl:last-of-type{border-radius:0 2rem;}
.benefit_item > dl > dd{font-size:1.25rem;padding:.5rem 2rem .5rem 3rem;text-align:left;text-indent:-1rem;line-height:1.9rem;}
.benefit_item > dl > dd::before{content:'\f0da';color:#ad7f1d;padding:0 .5rem 0 0;font-family:"Font Awesome 6 Free";font-weight:bold;}
.offer{border-top:1px dotted #cab69e;padding:1rem 2rem;}
.offer dt{font-size:1.5rem;text-align:center;color:white;width:fit-content;margin:.5rem auto;background-color:var(--middle-blue);padding:.25rem 1rem 1rem;clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 55% 80%, 50% 100%, 45% 80%, 0 80%);}
.offer dd{font-size:1.25rem;text-indent:-1.25rem;padding:0 0 0 1rem;}
.offer dd::before{content:'✦';color:var(--red);padding:0 .25rem 0 0;}
.price{font-size:larger;color:var(--red);padding:0 .25rem;font-weight:bold;font-family:Verdana,"Microsoft JhengHei";}
.resource{font-size:1.5rem;margin:1rem auto 1.2rem;padding:1rem;width:calc(100% - 1rem);}
.resource a{color:var(--red);}
.resource ul li{padding:.15rem 0;text-align:center;}
.resource ol{justify-content:center;}
.resource ol li{margin:auto 1.5rem;}
.resource ol li i{color:#363636;}
/*從記帳士出發*/
.month_slide{width:93%;margin:auto;z-index:1;position:relative;}
.schedule{box-shadow:0 0 .5rem 0 #0000000f;background:linear-gradient(20deg, #fff1f28f 0%, #fff 60%);border-radius:2rem 0;width:97%;margin:auto;height:100%;border-bottom:4px solid #dcd1c89f;}
.schedule dt{font-size:1.8rem;text-shadow:1px 1px 2px #0000003f;border-bottom:4px solid #ffb0b3;padding:.5rem 0;background:linear-gradient(45deg, #db262c, #fd555b);color:#fff;border-radius:2rem 0;font-weight:lighter;height:auto;text-align:center;}
.schedule dt a{margin-left:.5rem;}
.schedule dd:first-of-type{padding:1rem 2.2rem 0;}
.schedule dd:last-of-type{padding:0 2.2rem 1rem;}
.schedule dd{font-size:1.2rem;padding:0 2.2rem;text-align:left;text-indent:-1.25rem;}
.schedule .mb-2{margin-bottom:.5rem;}
.schedule .my-2{margin-top:.5rem;margin-bottom:.5rem;}
.month_slide i.fas{color:#e9363c;font-size:2.5rem;}
/*強試四大課輔*/
.reservice figure{position:relative;margin:.35rem .5rem;}
.reservice figure:nth-of-type(odd){text-align:right;}
.reservice figure:nth-of-type(even){text-align:left;}
.reservice figure span{position:absolute;background:linear-gradient(45deg, #dbb75c, #bb871c);text-shadow:1px 1px 2px #0000003f;color:#ffff;padding:.5rem 3rem;font-size:1.55rem;}
.reservice figure:nth-of-type(1) span{right:0;bottom:0;}
.reservice figure:nth-of-type(2) span{left:0;bottom:0;}
.reservice figure:nth-of-type(3) span{right:0;top:0;}
.reservice figure:nth-of-type(4) span{left:0;top:0;}
/*成功經驗鑒往知來*/
.experience{padding:1.25rem 0;display:flex;flex-wrap:wrap;}
.experience dt{width:20%;font-size:1.5rem;color:#6a4b36;text-align:right;padding-right:1.5rem;border-right:5px solid var(--grape);border-right:2px #8e725f5f dotted;position:relative;top:0;left:0;}
.experience dt span{display:block;font-size:1.6rem;color:#6a4b36;}
.experience dd{width:80%;padding-left:1.5rem;font-size:1.45rem;text-align:left;}
.experience dd p{font-size:1.2rem;padding:.6rem 10rem 0 0;}
.experience .red_bg{color:#fff;padding:0 .55rem .2rem;margin:0 .5rem 0 0;}
.experience .red_text{font-weight:bold;font-family:"Microsoft YaHei";display:inline-flex;}
/* Ask */
#askarea_out{background-color:var(--grape);background:linear-gradient(45deg, #dbb75c, #bb871c);}
#askarea input[type="submit"],#askarea input[type="reset"]{background-color:#e9363c;}
#askarea #formlist{margin:1% auto auto 10%;}
#askarea .asktitle{font-family:"Microsoft YaHei";letter-spacing:.15rem;padding:1rem 0 .2rem;}
#back-top a{color:#000;} 
.askarea_out input[name="sContent"]{margin:auto .125rem auto 0;}
.condition{width:auto;}
.condition li{margin:auto .5rem auto 0;}
@media screen and (min-width:1536px){
    .askarea_out input[name="sID"]{width:22.15rem;margin:auto .25rem auto 0;}
}
@media screen and (min-width:1281px){
    .lecture_item figure{background-color:var(--yellow);background-color:#fff;border-radius:2rem 0;border:5px solid #be8b215e;}    
}
@media screen and (min-width:1201px){
    .event_menu ul li a{font-size:1.3rem;color:#333;}
    #BodyHeader_event a{font-size:1.3rem;}
    #BodyHeader_event a:hover{color:#e9363c;font-size:1.35rem;}
    .event_menu ul{margin:auto 0 auto auto;}  
}
@media screen and (min-width:1024px){
    .event_menu ul li:not(:last-of-type){border-right:1px solid;}
    .lecture_item:first-of-type{padding:4rem 1rem 1rem 0;}
    .lecture_item:last-of-type{padding:4rem 0 1rem 1rem;}   
    .eventwrap .youtube{padding:0 1rem;}
}
@media screen and (max-width:1535px){
    .lecture_item span{font-size:1.35rem;}
    .condition li:first-of-type{width:100%;margin:auto;}
    .condition label{margin:auto;display:initial;}
}
@media screen and (max-width:1280px){
        .lecture_list figure img {width: 280px;height: 380px;padding: 2.5rem 0 0 0;}
        .lecture_list div:first-child figure img{position: relative;}
        .lecture_list div:last-child dl {left: 12.6rem;}
        .lecture_list div:first-child dl {right: 13.2rem;}
        .lecture_list dl dd {font-size: 1.6rem;}
        .lecture_list div dl dd:last-child {font-size: 1.55rem;}
        .reservation01 a {width: 55%;}
        
}
@media screen and (max-width:1200px){
    #BodyHeader_event{display:block;width:100%;}
    .event_menu{justify-content:center;align-items:center;}        
    #BodyContainer{width:100%;} 
    /* Event */
    .banner{display:none;}
    .banner_m{display:block;}
    section h1{padding:.5rem 0;}
    .lecture_item span{padding:.25rem 4rem;}
    .lecture_item figure{width:80%;margin:5rem auto auto;}
    .lecture_item figure img{width:50%;}
    .lecture_list{width:100%;margin:-2rem auto auto;}
    .reservice figure span{font-size:1.25rem;padding:.5rem;}
    .month_slide{width:90%;}
    .experience .red_bg{display:block;width:fit-content;}
    .experience dd p{padding:.6rem 1rem 0 0;}

    .lecture_list figure img {width: 250px;height: 350px;padding: 2.5rem 0 0 0;}
    .lecture_list dl {width: fit-content;padding: 0;}
    .lecture_list div:first-child dl {right: 14rem;bottom: 2.5rem;writing-mode: vertical-rl;}
    .lecture_list div:last-child dl {left: 13.5rem;bottom: 2.5rem;writing-mode: vertical-lr;}
    .lecture_list div:first-child dl, .lecture_list div:last-child dl {transform: unset;}
    .lecture_list div dl dd{text-align: left;}
    .lecture_list div dl dd i {transform: rotate(90deg);}
    .lecture_list div dl dd:last-child{margin: auto;}
    .lecture_list div:first-child dl dd {padding: 1.25rem 0 0 .5rem;}
    .lecture_list div:last-child dl dd {padding: 1.25rem .5rem 0 0;}
    .lecture_list div:first-child dl dd:last-child {padding: 1.25rem .5rem;border-radius:  1rem 0 0 1rem;}
    .lecture_list div:last-child dl dd:last-child {padding: 1.25rem .5rem;border-radius: 0 1rem 1rem 0;}
    
}
@media screen and (max-width:1023px){
    .lecture_item{width:100%;}
    /* .lecture_item figure{width:80%;margin:5rem auto auto;}
    .lecture_item figure img{width:30%;}
    .lecture_item:first-of-type{padding:4rem 0 0 0;}
    .lecture_item:last-of-type{padding:4rem 0 0 0;} */


    .eventwrap .youtube{padding:1rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){    
    .event_logo{width:175px;}
    .header_wrap .event_menu ul li{padding:0 .25rem;border:0;}
    #month .VueCarousel-navigation-prev[data-v-453ad8cd]{left:25px;}
    #month .VueCarousel-navigation-next[data-v-453ad8cd]{right:25px;}    
    section h1{font-size:2rem;}
    #event_master h1{padding: .5rem 0 0;}
    .launch{font-size:1.5rem;}

    .lecture_list dl {position: unset;margin:1rem auto auto}
    .lecture_list dl dt{font-size:1.25rem;}
    .lecture_list dl dd {font-size: 1.25rem;}
    .lecture_list div dl dd:last-child{font-size: 1.2rem;}
    .lecture_list div dl dd i {transform: rotate(0deg);}
    .lecture_list figure img {width: 160px;height: 240px;}
    .lecture_list div:first-child figure img ,.lecture_list div:last-child figure img {position: relative;left:.5rem;}
    .lecture_list div:first-child dl,.lecture_list div:last-child dl {writing-mode: unset;display: flex;flex-direction: column-reverse;margin:auto;}
    .lecture_list div:first-child dl dd:last-child ,.lecture_list div:last-child dl dd:last-child{padding: .25rem .9rem;border-radius: 1rem 1rem 0 0;margin: 0 .1rem;}
    .lecture_list div:first-child dl dd ,.lecture_list div:last-child dl dd {padding: .25rem 0 0 1rem;}
    .lecture_list div dl dd:first-child{padding: .25rem 0 .25rem 1rem;}
    .lecture_item .video-wrap{width:100%;margin:0.25rem auto;}
    .lecture_item span{font-size:1.5rem;padding:.25rem 1.5rem;}
    .lecture_list .address{font-size:1.1rem;}
    .lecture_list div:last-child dl {background: linear-gradient(90deg, #fae69a, #fdf8f000);}

    #event_sec .benefit_item > dl{width:100%;border-radius:2rem 0 0 2rem;}
    .period{font-size:1.3rem;}
    .period .price{font-size:1.6rem;}
    .benefit_item dl dt{font-size:1.6rem;padding:.25rem 0;}
    .benefit_item dl dd{font-size:1.15rem;}
    .benefit_item .offer dt{font-size:1.35rem;padding:.25rem 1rem 1rem;}
    .resource{font-size:1.3rem;}
    .resource ol li{margin:auto 1rem;}
    .reservice figure{width:100%;}
    .schedule dt{font-size:1.6rem;}
    .schedule{width:85%;margin:auto;}
    #event_fourth .reservice figure span{font-size:1.25rem;padding:0.5rem;right:0;bottom:0;top:auto;left:auto;}
    .experience{padding:0;}
    .experience dt{width:100%;font-size:1.35rem;border-right:0;text-align:center;padding-right:0;border-bottom:2px #8e725f5f dotted;}
    .experience dt span{font-size:1.4rem;}
    .experience dd{width:100%;padding:.8rem;font-size:1.2rem;}
    .experience .red_bg{margin:0 0 .25rem 0;}
    .experience dd p{font-size:1.05rem;}
    .reservation {padding: 1.5rem 0 0;}
    .reservation a{font-size:1.25rem;margin:.25rem;}
    .experience dt span{display:inline-block;padding:.5rem;}
    .event_menu ul li{padding:0 .15rem;}
    .eventwrap .youtube{padding:0;}
}