section h1 {font-size: 3rem;color:#002e70;margin: 1.5rem auto .5rem;text-align: center;font-weight: bold;}
section h2 {font-size: 2.5rem;}
section h3 {font-size: 2.25rem;}
.bg-lattice {background-image: var(--gridTiffanyLinear);background-size: 20px 20px;}
.bgcolor1{background:url('../../images/1308021/1308021_banner_bg.jpg') no-repeat center / 100% 100%;}
.bgcolor2 {background:linear-gradient(90deg, #fff1fa 0%, #fff1fa5a 50%, #fff1fa 100%);/*background: var(--raysLinear);*/}
.bg-lattice-red {background-image: var(--gridRedLinear);background-size: 20px 20px;}
:root {
    --white:#fff;
    --black: #000;
    --gray: #2a2625;
    --tiffany:#0f469e;
    --lightTiffany:#3d72ce;
    --danger:#cc469b;
    --lightDanger:#d077ba;
    --rays:#ffde73;
    --light_rays:#fffe9b;
    --raysLinear:linear-gradient(90deg, #ffde73, #fffbee,#ffde73);
    --raysLinear_btn:linear-gradient(45deg, #fcdd7a, #fff4ce, #fff4ce,#fcdd7a);
    --gridTiffanyLinear:linear-gradient(#46a3ba0f 2px, transparent 2px), linear-gradient(to right, #46a3ba0f 2px, #ffffff 2px);
    --gridRedLinear:linear-gradient(#e54b2d0f 2px, transparent 2px), linear-gradient(to right, #e54b2d0f 2px, #ffffff 2px);
}
a:hover {text-decoration: none;}
.textRed {color:var(--danger);}
.textTiffany {color:var(--tiffany);}
.borderYellow {border-bottom: 2px solid var(--rays);}
.wordBreak {word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

/* 在校規劃學程，畢業即就業！ */
.main_banner {background: url('../../images/1308021/1308021_banner_bg.jpg') no-repeat center / 100% 100%;}
.main_banner h1 {font-size: 4rem;}
.main_banner .banner {width: 100%;max-width: 1200px;margin: auto; position: relative;bottom: 0;left: 0;}
.main_banner .banner ul {position: absolute;bottom: 4%;left: 33%;font-size: 1.8rem;margin: auto;}
.main_banner .banner ul img{width: 100%;}
.main_banner .banner ul:nth-child(2) li:nth-child(1){padding: .6rem .25rem 0;}
.main_banner .banner ul:nth-child(2) li:nth-child(2){padding: 2.6rem .1rem 0 .6rem;}
.main_banner .banner ul:nth-child(2) li:nth-child(3){padding: 1.9rem 0 0 .25rem;}
.main_banner .banner ul:nth-child(2) li:nth-child(4){padding: 0 0 2rem;margin: 0 0 .5rem 0;}
.main_banner ul li {color: var(--danger);font-weight: bold;}
.main_banner a {text-decoration: none;text-shadow: 2px 2px 2px #0000000f;}
.main_banner a:hover ,.group_price a:hover{text-decoration: none;text-shadow: 0px 0px 0px #00000000;position: relative;top: 3px;}
.text_temporary {width: 100%;font-size: 3rem;text-align: center;}
.banner {width: 100%;}
.banner_m {display: none;}
.banner img, .banner_m img {width: 100%;}
.group_price {text-align: center;color: #fff;background: linear-gradient(45deg, #0041a8, #cf65a8, #0041a8);}
.group_price a {font-size: 2rem;padding: .5rem 0 .6rem;text-decoration: none;display: inline-block;margin: auto 0 auto auto;}
.group_price .text-red {color: var(--danger);}
.group_price .text-light_rays{color:var(--light_rays);}
.light_out {width: 100%;}
.light_out span {cursor: pointer;box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;border-radius: 0 0 0.5rem 0.5rem;background-color:var(--white);}

/*大一暖身*/
.schedule {align-items: start;}
.schedule dl {display: flex;flex-wrap: wrap;align-items: center;text-align: left;}
.schedule dt {position: relative;z-index: 2;width: 4.5rem;height: 4.5rem;border-radius: 50%;background-color:var(--lightDanger);color:var(--white);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size: 1.3rem;line-height: 1.5rem;margin: auto 1rem auto 0;}
.schedule dd {font-size: 1.15rem;}
.freshman {width: 58%;}
.grade {width: 42%;padding: 0 0 0 3rem;display: flex;flex-wrap: wrap;align-items: center;}
.grade dl {width: 100%;}
.grade dt {margin: auto 0;}
.grade dd {width: calc(100% - 5rem);}
.grade ul li,.grade dl:first-of-type dd {padding: 0 0 0 1rem;}
.grade ul li:first-of-type {position: relative;overflow: hidden;padding: 2rem 0;}
.grade ul li.success {padding: 2rem 0 3rem;}
.grade .fa-person-running {margin-right: 0.5rem;}
.speed {font-size: 1.5rem;position: absolute;transform: translateX(-1px);animation: run 1s linear 1 forwards;color:var(--tiffany);}
@keyframes run {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(-1px);}
}
.speed::before {font-family: "Font Awesome 5 Free";font-weight: bold;letter-spacing: 1px;color: var(--lightTiffany);padding-left: 0.25rem;}
.speed::after {padding-left: 0.5rem;font-size: 1.2rem;}
.per-thirty::before {content: '......... \f70c';}
.per-thirty::after {content: '先學30%';}
.per-sixty::before {content: '.................. \f70c';}
.per-sixty::after {content: '搞定60%';}
.per-hundred::before {content: '...........................';}
.per-hundred::after {content: '成功達陣100%';}
.bigman::after {font-size: 2rem;color: var(--lightTiffany);content: '\e59d';font-family: "Font Awesome 5 Free";font-weight: bold;position: relative;animation: jump 1s ease 1s infinite alternate;}
@keyframes jump {
    from {top: 0px;}
    15% {top: -8px;}
    50% {top: 0px;}
    90% {top: 0px;}
    100% {top: 0px;}
}
.grade dl dt::before {position: absolute;content: '.......';left: -2.9rem;top: 20%;z-index: -1;color:var(--lightDanger);}
.video-wrap {width: 100%;padding: 0.5rem 0;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;filter: drop-shadow(2px 3px 3px #0000002f);}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}
.license {padding: .5rem 1rem;margin: .5rem auto;border-radius: 50rem;border: 1px var(--lightDanger) dashed;background:linear-gradient(90deg, #edbedcaa 0%, #fff1faaa 50%, #edbedcaa 100%);filter: drop-shadow(2px 3px 3px #0000001f);}
.license a:hover , .benefit_subtitle a:hover , .benefit_cont dl dt a:hover {color:var(--danger);}

/*會計多元課程彈性組搭，建構連勝方程式！*/
.exam_box {width: calc(100%/3);padding: 0 .5rem;margin: 0 auto ;}
.exam_title {font-size: 2rem;letter-spacing: 0.25rem;color:var(--danger);background:var(--lightTiffany);color:var(--white);text-align: center;}
.exam_box dl {height: 18rem; padding: .5rem 0.25rem;margin: 0 auto;}
.exam_box dl dt {font-size: 1.55rem;color: var(--black);font-weight: bold;height: auto;padding: 0 0 .5rem;text-align: center;}
.exam_box dl dd {position: relative;text-align: left;line-height: 1.5rem;margin: auto;padding: 0 .5rem 1.5rem 7rem;font-size: 1.05rem;}
.exam_box dl dd::before {position: absolute;left: 0;top: 0;font-weight: bold;color:var(--tiffany);padding: .05rem 1rem .25rem;border-radius: 2rem;font-size: 1.1rem;}
.exam_box dl dd:first-of-type::before {content: '正規全修班';}
.nationalExam dl dd:first-of-type::before {content: '專業科目\A全修班';white-space:pre;text-align: center;padding: 0 0.5rem 0 1.5rem;}
.exam_box dl dd:nth-of-type(2)::before {content: '考前衝刺課';}
.audition {text-align: center;}
.audition a {display: inline-block;font-size: 1.1rem;background-color: #ce65a8;border: 1px solid var(--white);color: var(--white);padding: 0  1.2rem .1rem;border-radius: 3rem;filter: drop-shadow(2px 3px 2px #0000001f);text-decoration: none;margin: 1rem .5rem;}
.audition a:hover , .story_box .more:hover , .bestBook a:hover {background-color:var(--danger);position: relative;top: 1px;left: 1px;}
#plan button {font-size: 1.5rem;z-index: 2;color: var(--lightTiffany);}
.exam_item .VueCarousel-slide {left: 2.5rem;top: 1.5rem;border-left: 1px dashed var(--lightTiffany);border-right: 1px dashed var(--lightTiffany);border-bottom: 1px dashed var(--lightTiffany);background-color: var(--white);border-radius: 0 0 .25rem .25rem;}
.exam_item .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 2.5rem;top: 1.5rem;}
.exam_item .VueCarousel-navigation-next[data-v-453ad8cd] {right: 2.5rem;top: 1.5rem;}
.unique {height: 84.5%;border-left: 1px dashed var(--danger);border-left: 1px dashed var(--lightTiffany);border-right: 1px dashed var(--lightTiffany);border-bottom: 1px dashed var(--lightTiffany);background-color: var(--white);border-radius: 0.25rem;border-radius: 0 0 .25rem .25rem;}
.unique .audition a {right: 1.5rem;}
.twice dl {padding-bottom: 2rem;}
.bestBook {text-align: center;margin: 1.5rem auto 2rem;font-size: 1.5rem;}
.bestBook a {text-decoration: none;padding: .2rem 1.2rem .3rem;border-radius: 50rem;border: 2px var(--white) solid;color:var(--white);background:#3d72ce;filter: drop-shadow(2px 3px 2px #0000001f);display: inline-block;margin: 0.25rem;}

/*8大資源完美配置，順試高分！*/
.resource_box {width: calc(100%/2 - 1rem);background-color:var(--white);border:1px #3165bdbd dashed;border-radius: 0.25rem;filter: drop-shadow(2px 3px 3px #0000001f);margin: 0 auto 1rem;overflow: hidden;}
.resource_item .resource_box:nth-of-type(2) {margin: 0 auto auto;}
.resource_box figure img {display: block;width: 265px;height: 170px;object-fit: cover;}
.resource_box dl {text-align: left;padding: 1rem 1.25rem;}
.resource_box dl dt {font-size: 1.5rem;font-weight: bold;padding: 0 0 .3rem;}
.resource_box dl dt a {text-decoration: none;border-bottom: 2px solid var(--lightTiffany);position: relative;display: inline-flex;align-items: center;color:var(--tiffany);margin: auto auto 0.25rem auto;}
.resource_box dl dt a::after {content: '\f138';font-family: "Font Awesome 5 Free";font-weight: bold;font-size: 1.3rem;line-height: 0.75rem;width: 1.5rem;height: 1.5rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;color:var(--lightTiffany);padding: .25rem 0 0 .5rem;}
.resource_box dl dt a:hover {border-bottom: 0px solid var(--lightTiffany);color:var(--danger);} 
.resource_box dl dd {font-size: 1.1rem;}

/*提早規劃，連續成功趁現在！*/
.story {padding: 0 0 1.5rem;}
.story_box {display: flex;flex-wrap: wrap;align-items: center;padding: .5rem 1rem;border: 1px #3165bdbd dashed;background-color:var(--white);border-radius: 0.5rem;overflow: hidden;width: 97.5%;margin: auto;text-align: left;height: 100%;}
.story_box dl {width: calc(100% - 150px);display: flex;flex-wrap: wrap;align-items: flex-start;padding: 1.2rem 0;border-bottom: 1px dotted var(--gray);}
.story_box dl dt {color:var(--danger);font-size: 2rem;width: 45%;line-height: 2.25rem;padding: 0 0.5rem;}
.story_box dl .name {font-size: 1.1rem;color:var(--black);line-height: 1.75rem;}
.story_box dl dd {font-size: 1.05rem;width: 55%;padding: 0 0.5rem;}
.story_box p {margin: 0 1rem auto;padding: 0.5rem 0 2rem;position: relative;}
.story_box p a {font-weight: bold;color:var(--tiffany);}
.story_box .more {background-color:#ce65a8;color:var(--white);border-radius: 1rem;text-decoration: none;padding: 0 0.5rem 0.25rem;font-size: 0.9rem;font-weight: initial;}
.story_box figure {padding: 0;margin: auto 0 0;}
.story_box figure img {width: 150px;height: 150px;object-fit: cover;border-radius: 50rem;filter: drop-shadow(2px 3px 2px #0000001f);}

/*會計類科全修課程，12/31前限時組團優惠！*/
.benefit_title {width: 45%;text-align: left;}
.benefit_title h1 {font-size: 2.95rem;line-height: 3.8rem;margin: .5rem auto 0;}
.benefit_subtitle {padding: 1rem 0;/*padding: 1rem 1.5rem;*/}
.benefit_subtitle a {display: inline-block;/*padding: 0 0.5rem;*/}
.activityMethod {font-size: 1.1rem;/*padding: 0 1.5rem;*/}
.benefit_cont {width: 55%;justify-content: center;}
.benefit_cont dl {width: calc(100%/2);text-align: left;}
.benefit_cont dl dt {font-size: 3rem;display: flex;align-items: center;font-size: 2.3rem;}
.benefit_cont dl dt::before {content: '\f192';font-family: "Font Awesome 5 Free";font-weight: bold;background-color:var(--white);color:var(--danger);width: 1.35rem;height: 1.35rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 1.5rem;margin-right: 1rem;top: 0.25rem;position: relative;}
.benefit_cont dl dd {font-size: 1.1rem;padding: 0 0 .5rem 2.5rem;}
.benefit_subtitle {width: 100%;font-size: 2.3rem;line-height: 2.9rem;color: var(--lightTiffany);}
.benefit_cont dl:last-of-type dt::before {content: none;}
.benefit_cont dl:last-of-type dt {color: var(--lightTiffany);justify-content: center;}
.target-fix {position: relative;display: block;visibility: hidden;}
.slide_anchor {top: -3rem;}

/* Ask */
.get_resource li {color:var(--rays);}

@media screen and (min-width: 1281px) { 
    .benefit_title h1 {text-align: left;}

}

@media screen and (min-width: 768px) and (max-width: 1280px) { 
    .activityMethod {text-align: right;}
}


@media screen and (min-width: 1201px) {  
    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {padding: 1rem;width:1200px;margin: auto;}
    #Master_title {width: 100%;padding: 0;margin: auto;}
    #event_fifth {padding: 2rem 0 1rem;}
    .light_out span {display: flex;justify-content: center;}
}

@media screen and (min-width: 768px) { 
    .exam_box .mb\:pb-0 {padding-bottom: 0;}
    .schedule {padding: 1.5rem 0 1.5rem;}
}

@media screen and (max-width: 1200px) {      
    .column button {top: 1%;left: 2%;font-size: 1.5rem;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {padding: 1rem;}
    .main_banner ul {width: 80%;padding: 0 0 1rem;}
    .main_banner ul li {margin: auto;width: 50%;text-align: left;padding: 0 2rem;}
    .main_banner .banner ul {width: 61%;bottom: -1%;left: 35%;}
    .main_banner .banner ul:nth-child(2) li:nth-child(1){padding: .6rem .25rem 0;}
    .main_banner .banner ul:nth-child(2) li:nth-child(2){padding: 2.6rem .1rem 0 .6rem;}
    .main_banner .banner ul:nth-child(2) li:nth-child(3){padding: 1.9rem 0 0 .25rem;}
    .main_banner .banner ul:nth-child(2) li:nth-child(4){padding: 0 0 2rem;margin: 1rem 0 0 0;}
    .group_price a {font-size: 1.6rem;}
    .resource_box dl {padding: .5rem .2rem .5rem .8rem;}
    .resource_box dl dt {font-size: 1.1rem;}
    .resource_box figure img {width: 140px;height: 102px;}
    .freshman {width: 100%;}
    .grade {width: 100%;padding: 0;}
    .grade dl dt::before {content: none;}
    .exam_box dl {height: 28rem;padding: .5rem 1rem;}
    .audition a {display: block;margin: .5rem;}
    .exam_box dl dd {padding-left: 0;}
    .exam_box dl dd::before {position: relative;display: block;width: fit-content;padding: 0;}
    .unique {height: 86%;}
    .story {width: 90%;padding: 0;margin: auto;}
    .story_box {justify-content: center;}
    .story_box p {height: unset;}
    .story_box dl {width: 100%;padding: 0 0 .5rem;height: 180px;}
    .story_box dl dt {width: 100%;text-align: center;}
    .story_box dl dd {width: 100%;}
    .benefit_title {width: 100%;text-align: center;}    
    .benefit_cont {width: 100%;}
    .benefit_title small {position: absolute;bottom: 0;width: 100%;right: 0;}
    .relative {position: relative;}
    .target-fix {top: -8rem;}
    .slide_anchor {top: -10rem;}
    .side_menu {bottom: 0;top: auto;width: 100%;margin: auto;}
    .side_menu ul {display: flex;flex-wrap: wrap;}
    .side_menu ul li a, .side_menu ul li {width: 100%;height: auto;padding: 0;margin: 0;font-size: 1.1em;border-radius: unset;cursor: pointer;}
    .nationalExam dl dd:first-of-type::before {content: '專業科目全修班';padding: 0;}
    .order1 {order: 1;}
    .order2 {order: 2;}
    .order3 {order: 3;}
    .side_menu ul li.light_out {width: auto;text-align: left;}
    .light_out span {width: auto;border-radius: 0.5rem 0.5rem 0 0;padding: 0 0.5rem;}
    .side_menu .order1 {width: 100%;}
    .side_menu .order1 a {padding: .5rem;border-radius: 0.5rem 0.5rem 0 0;}
    .side_menu ul li:first-of-type a {padding: .5rem;}
    .activityMethod {padding: 0 0 0.5rem;}
    .group_price a {padding: 0.5rem 1rem;}
}

@media screen and (max-width: 767px) {
    .main_banner {padding: .3rem 0 0;background: url(../../images/1308021/1308021_banner_bg.jpg) no-repeat center / 200% 100%;}
    .banner {display: none;}
    .banner_m {display: block;position: relative;bottom: 0;left: 0;}
    .main_banner ul {width: 95%;position: absolute;font-size: 1.25rem;margin: auto;}
    .main_banner ul li {padding: 0;font-size: 1.125rem;}
    .main_banner ul li span {font-size: 1.35rem;}
    .main_banner .banner_m ul {bottom: 1%;left: 3%;}
    .main_banner .banner_m ul:nth-child(2) li:nth-child(1){padding: .6rem .25rem 0;}
    .main_banner .banner_m ul:nth-child(2) li:nth-child(2){padding: 1.8rem .1rem 0 .6rem;}
    .main_banner .banner_m ul:nth-child(2) li:nth-child(3){padding: 1.3rem 0 0 .25rem;}
    .main_banner .banner_m ul:nth-child(2) li:nth-child(4){padding: 0 0 1rem;margin: 1rem 0 0 0;}
    .group_price a {font-size: 1.25rem;padding: 0.5rem 0;}
    section h1 , .benefit_title h1 {font-size: 1.9rem;line-height: 2.8rem;}
    .exam_box {width: 100%;padding: 0.5rem;}
    .exam_box dl {height: auto;}
    .exam_title {font-size: 1.8rem;}
    .speed::before {font-size: 1.125rem;}
    .speed::after {font-size: 1rem;}
    .per-thirty::before {content: '...... \f70c';}
    .per-sixty::before {content: '............ \f70c';}
    .per-hundred::before {content: '.....................';}
    .unique {height: auto;}
    .twice dl {padding-bottom: 0.5rem;}
    .story {width: 85%;}
    .story_box dl {height:auto;}
    .story_box dl dt {font-size: 1.8rem;}
    .resource_box {width: 100%;}   
    .resource_box:nth-of-type(1) {margin: auto;}
    .resource_item .resource_box, .resource_item .resource_box:nth-of-type(2) {margin: auto auto 1rem;}
    .resource_box dl dt a {margin: auto;}
    .resource_box dl dt a::after {width: 1rem;height: 1rem;font-size: 1.1rem;}    
    .benefit_cont dl {width: 100%;}
    .benefit_cont dl dt {font-size: 1.9rem;}
    .benefit_subtitle {font-size: 1.65rem;line-height: 2.2rem;}
    .benefit_cont dl dt::before {content: '\f192';left: .5rem;font-size: 1.2rem;}
    .side_menu ul li {font-size: 0.9rem;}
    .story .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 10px;}
    .story .VueCarousel-navigation-next[data-v-453ad8cd] {right: 10px;}
    .target-fix {top: -5rem;}
    .slide_anchor {top: -8rem;}
}