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: 0.5rem;}
.header_wrap {padding: 0.5rem 0;/*background-color: #fbe9a7;background: linear-gradient(45deg, #dbb75c2f, #bb871c6f);*/background-color: #fff;border-bottom: 5px solid #be8b215e; position: fixed;top: 0;z-index: 2;/*box-shadow: 0px -14px 16px 8px rgb(0 0 0 / 10%);*/}
.event_menu {}
.event_menu ul li {list-style-type: none;padding: 0 1.5rem;}
.event_menu ul li a {text-decoration: none;}

/*搞定記帳士*/
/* .main_pic{background: url('../../images/1210019/1210019_bg.png') no-repeat top center / 100% 100%, #fffaf4;} */
.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);/*padding:3rem 2rem 7rem 12rem;*/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_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;}
.lecture_list {width: 70%;background-color: white;padding: 0.5rem 1rem 0.5rem 4rem;border-radius: 0 3rem;}
.lecture_list dl {text-align: left;padding: 1rem 0 .8rem;}
.lecture_list dl:not(:last-of-type) {border-bottom: 1px solid #D7D7D7;}
.lecture_list dl dt {font-size: 1.5rem;text-decoration: none;display: inline-block;/*border-radius: 2rem;*/background-color: var(--tiffany);background-color: #a3875a; padding: 0.25rem 2rem;color: white;background-color:#263360;padding: 0.25rem 1rem 1rem;clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 55% 80%, 50% 100%, 45% 80%, 0 80%);}
.lecture_list .address {color: var(--tiffany);color:#263360;font-size: 1.3rem;font-weight: bold;padding: .5rem 0;}
.lecture_list dl dd {font-size: 1.25rem;}
.lecture_list ul li:first-of-type {padding: 0 2rem 0 0;}
.reservation {padding: 1rem 0 2rem;text-align: center;}
.reservation a {display: inline-block;margin: auto 0.5rem;padding: 0.5rem 1.5rem 0.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 {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;}
.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: 0.5rem 2rem 0.5rem 3rem;text-align: left;text-indent: -1rem;line-height: 1.9rem;}
.benefit_item > dl > dd::before {content: '\f0da';color:#ad7f1d;padding: 0 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: 0.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 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: 0.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: 0.5rem 0;/*border-bottom: 2px solid #dcd1c8;background: linear-gradient(45deg, #cab69e, #a3866f);*/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: 0.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: 0.5rem;}
.schedule .my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}
.month_slide i.fas {color:#e9363c;font-size: 2.5rem;}
/* .rounded-4xl {border-radius: 2rem;} */

/*強試四大課輔*/
.reservice figure {width: ;position: relative;margin: 0.35rem 0.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-color: var(--yellow);*/background: linear-gradient(45deg, #dbb75c, #bb871c);text-shadow: 1px 1px 2px #0000003f;color: #ffff;padding: 0.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 0.2rem;}
#back-top a {color: #000;} 
.askarea_out input[name="sContent"] {margin: auto 0.125rem auto 0;}
.condition {width: auto;}
.condition li {margin: auto 0.5rem auto 0;}

@media screen and (min-width: 1536px) {
    .askarea_out input[name="sID"] {width: 22.15rem;margin: auto 0.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) {}

@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: 0.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;}
    .lecture_list {padding: 2rem 1.5rem 1rem;}
    .reservice figure span {font-size: 1.25rem;padding: 0.5rem;}
    .month_slide {width: 90%;}
    .experience .red_bg {display: block;width: fit-content;}
    .experience dd p {padding: .6rem 1rem 0 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;}
    .lecture_list dl dt {font-size: 1.25rem;}
    .lecture_item figure img {width: 60%;}
    .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;}
    #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: 5px solid var(--grape);*/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 a {font-size: 1.25rem;margin: 0.25rem;}
    .experience dt span {display: inline-block;padding: .5rem;}
    .event_menu ul li {padding: 0 0.15rem;}
    .eventwrap .youtube {padding: 0;}
}