:root {   
    --morandi-blue: #546ea6;
}

/*bg*/
.bg-light-pink {background: #b9eaef url(../../images/1301095_topmap_bg_big.jpg) repeat-y center top fixed;background-position-y: 60px}
.bg_map1 {background: url(../../images/1301095_bg_w.jpg) repeat-y center top fixed;background-size: 100% auto;background-size: cover;}
.bg_map2 {background: url(../../images/1301095_bg_w.jpg) repeat-y center top fixed;background-size: 100% auto;background-size: cover;padding: 1% 0 2%;}
.bg_map3 {background: #b9eaef url(../../images/1301095_topmap_bg_big.jpg) repeat-y center top fixed;background-size: cover;}
.bg_color1 {background-color: #fd807ed6;padding: 0.25% 0 0;}
.bg_color2 {background-color: #FFEB3B;padding: 1% 0}

@keyframes myfirst {
    0% {opacity:1;}
    15% {opacity:0}
    25% {opacity:1}
    100% {opacity:1}
}

/*wrap_all*/
.wrap_all {word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}

/*會計人夢想航線*/
.container .banner_title {width:100%}
.banner_title {font-size: 5rem;}
.banner_title {width:100%}
.banner_title img {padding: 0;margin: 0 auto;}
.banner_title span {font-size: 4rem;display: block;}
.pm0 {padding:0; margin:0}
.grade_txt {text-align: center;font-size: 2.2rem;padding: 0.5%;color: #fff;width: 80%;background-color: #d44d36;border-radius: 50px 50px 0 0;margin: 1.25% auto 0;}
.aside_menu {position: fixed;top: 72px;right: 2%;}
.aside_menu_list {display: flex;flex-wrap: wrap;background-color: rgb(255 255 255 / 50%);background-color: #00BCD4;padding: 0.7rem 0.5rem 0.5rem 1rem;border-radius: 0.5rem;flex-direction: column;color: #fff;
font-size: 1.1rem;} 
.aside_menu_list dt {font-size: 1.7rem;line-height: 1.95rem;width: 68px;color: #fff6a6;margin-bottom: 6%;}
.aside_menu_list dd {margin: auto 0.5rem auto 0;}

/*高點記帳士全套課程*/
.seq_title {font-size: 2.9rem;padding-bottom: 0.7%;text-align: center;color: #1e66a3;color: #105861;font-family: Verdana,"Microsoft JhengHei",Arial;font-weight: 600;letter-spacing: -1px;margin-top: 2%;}
.course_set {padding: 0% 2% 2%;border-radius: 20px;}
.course_set dl {width: calc(100%/4 - 3rem);margin: 0 auto;background-color: #fff;padding: 2%;border-radius: 30px;border: 8px #ffc5c4 solid;}
.course_set dl {width: calc(105%/4 - 2.5rem);margin: 0 auto;background-color: #fff;padding: 1% 1% 1% 2.5%;border-radius: 0 60px 60px 60px;border: 5px #ffc5c4 solid;}
.course_set dl dt {font-size: 2.1rem;color: #009caa;text-align: center;letter-spacing: 3px;margin-left: -1%;}
.course_set dl dt a {color: #e26c6a;}
.course_set dl dd {font-size: 1.25rem;text-indent: -1.25rem;}
.course_set dl dd::before {content: '●';font-size: 1rem;color: #00bcd4;padding: 2px;}
.course_set dl dd {font-size: 1.21rem;line-height: 1.6rem;padding: 2% 0;font-family: "Microsoft JhengHei",Verdana,Arial;}

/*高點最強師資團領航*/
.teacher_team {}
.teacher_team dl {width: calc(100%/4 - 1rem);margin: 1rem auto;background-color: #fff;border-radius: 10px;padding: 2%;box-shadow: 0px 1px 4px rgba(0,0,0,0.3), 0px 0px 20px rgba(0,0,0,0.05) inset;box-shadow: 0px 0px 9px rgb(0 188 212), 0px 0px 20px rgb(0 188 212 / 19%) inset;}
.teacher_team dl dt {}
.teacher_team dl dt ul {}
.teacher_team dl dt ul li.name {font-size: 1.4rem;border-bottom: 4px #82deea dotted;margin-bottom: 4%;text-align: center;}
.teacher_team dl dt ul li small {font-size: 1rem;}
.teacher_team dl dd {font-family: "Microsoft JhengHei",Verdana,Arial}
.teacher_team img {background-color: #e0d5c1;border-radius: 100px;margin: auto;}
.teacher_info span {background-color: #a0a0a0;color: #fff;border-radius: 4px;padding: 0 7px;font-size: 1rem;margin-right: 5px;background-color: #f1e7bc;color: #706237;border: 1px #607D8B solid;display: block;
text-align: center;}
.teacher_trait li:first-of-type {color: #ff7c07;font-size: 1.5rem;font-weight: bold;margin: 4% 0;background-color: #bd9e3f;color: #fff;text-align: center;border-radius: 4px;}
.teacher_trait li:not(:first-of-type)::before {content: '\f14a';font-family: "Font Awesome 5 Free";font-weight: bold;padding: 0 0.25rem 0 0;}
.teacher_trait li:not(:first-of-type)::before {content: '\f14a';font-family: "Font Awesome 5 Free";font-weight: bold;padding: 0 0.25rem 0 0;color: #F44336;}
.teacher_trait li:not(:first-of-type) {text-indent: -1.125rem;margin: auto auto auto 1.125rem;font-size: 1.07rem;}
.teacher_link {text-align: center;}
.teacher_link a {display: inline-flex;background-color: #00BCD4;text-decoration: none;color: #fff;border-radius: 50px;padding: 4px 0;width: 160px;margin: 3% auto 0;justify-content: center;font-size: 1.15rem;}
.teacher_link a:hover {background-color:#bd9e3f;color: #fff;transform:scale(1.0)}

/*匹配最優學習模式*/
.mode_tab a {font-size: 2rem;cursor: pointer;color: #00BCD4}
.mode_tab a.active {color: #ffffff;background-color: #00BCD4;padding: 1% 1% 0.5%;border-radius: 12px 12px 0 0;}
.mode_tab a i {font-size: 3rem;padding: 0 0.5rem 0 0;}
.st_exp {width: calc(100% / 3 - 2rem);padding: 1rem;background-color: #fff;border-radius: 12px;border: 4px #00bcd4 solid;margin: 0 1%;}
.st_exp dt {font-size: 2rem;background-color: #f1e7bc;color: #ffffff;text-align: center;width: 110px;height: 110px;align-content: center;margin: 0 auto 1%;padding: 0 3%;line-height: 2.5rem;border-radius: 100px;}
.st_exp dt.bg1 {background-color:#ff7777;}
.st_exp dt.bg2 {background-color:#e0a637;}
.st_exp dt.bg3 {background-color:#00bcd4d6}
.st_exp .st_title {font-size: 1.5rem;color: #1d1d1d;font-size: 1.5rem;line-height: 1.9rem;text-align: center;border-bottom: 5px #f1e7bc dotted;display: block;width: 88%;padding-bottom: 2%;margin: 0 auto;}
.st_exp dd {font-size: 1.125rem;font-family: "Microsoft JhengHei",Verdana,Arial;}
.rank_tag {background-color: #d44d36;color: #fff;padding: 1px 4px 2px 10px;text-align: center;border-radius: 4px;margin: 1.5% 0.5% 0.5%;display: block;font-size: 1.6rem;}
.st_exp dd a,.highlight {color: rgb(181 141 16);font-weight: bold;font-size: 1.2rem;}
.stu_name {text-align: center;display: block;font-size: 1.4rem;font-weight: bold;line-height: 1.4rem;padding: 10px 10px 4px;color: #a17900;}
.mode_link {text-align: center;font-size: 2rem;margin: 0 auto;margin: 2% auto 1%;}
.mode_link a i {margin-right: 5px;color: #bd9e3f;}
.mode_link a {margin: 0.25rem auto;/* display: inline-flex; */color: #d44d36;}
.mode_link a:nth-of-type(2) {border-left: 1px dotted;padding: 0 0 0 1.5rem;}
.mode_link .big_open {color: #d44d36;font-size: 3.3rem}
.mode_link .big_open a {color: #d44d36;}
.mode_link .big_open i {animation: myfirst 1s infinite alternate ease-in-out;}

/*考科重疊順勢進擊*/
.exam_timeline {padding: 0 1rem;}
.exam_timeline dt {font-size: 2rem;line-height: 2.4rem;padding: 0 0 1rem 0;height: 107px;margin-top: 1rem;}
.exam_timeline .month {padding: 1.5rem 0.5rem 1.5rem;background-color: #569fa8;display: inline-flex;align-items: center;justify-content: center;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;color: var(--morandi-blue);color: #fff;margin: -1rem 0.5rem auto auto;float: left;width: 95px;}
.exam_timeline dd {font-size: 1.125rem;}
.exam_timeline dd:not(:first-of-type) {text-indent: -1.125rem;margin: auto auto auto 1.125rem;}
.exam_timeline dd:not(:first-of-type)::before {content: '•';}
.exam_timeline dd.item_twice {margin: 0.5rem auto;text-indent: initial;}
.exam_timeline dd.item_twice::before {content: none;}
.exam_timeline .item_twice li {width: calc(100%/2 - 1rem);margin: 0 auto;font-size: 1rem;color: #1c7e8a;}
.exam_timeline .item_twice span {display: block;border-bottom: 1px dotted;}
.condition {text-align: center;}
.condition a {border: 1px dotted;display: inline-flex;padding: 0.125rem 0.75rem;border-radius: 2rem;background-color: #a7b5b747;text-decoration: none;}
.year_class {background-color: #fff;background: linear-gradient(to left ,#ffffff00 0% ,#ffffff 35% ,#ffffff 0% );margin: 0 0.5%;border-left: 12px #fd9493 solid;border-right: 2px #1058616e dotted;border-radius: 10px;padding-bottom: 1%;}

/*以記帳士為起點*/
.success_exp {margin: 0 auto;}
.success_cont {display: flex;flex-wrap: wrap;padding: 0 1rem;margin: 4% 0;}
.success_cont dd {width: calc(100% - 180px);margin: auto;padding: 0 0 0 0.5rem;font-family: "Microsoft JhengHei",Verdana,Arial;}
.success_cont dt img {width: 170px;height: 170px;object-fit: cover;border-radius: 100px;border: 4px #ddd2a3 solid;}
.success_cont dd ul {border-right: 4px #dcbb31 dotted;padding: 1% 3%;}
.success_cont dd ul li:first-of-type {font-size: 1.5rem;line-height: 1.7rem;color: #c00;font-weight: bold;padding-bottom: 3%;text-align: initial;}
.success_cont dd ul li:first-of-type i.fa-award {font-size: 2.8rem;color: #d44d36;}
.success_cont dd ul li i.fa-right-long {padding: 0 0 0 0.5rem;}
.one_pass {padding: 0.2rem 0.5rem;background-color: #d44d36;display: inline-block;margin: 0.25rem;border-radius: 3px;color: #fff;font-size: 1.25rem;}
.success_cont dd ul li {font-size: 1.12rem;line-height: 1.9rem;text-align: justify;padding: 0 3% 0 0;}
.success_cont dd ul li a {color: #d44d36;}
.resource_link {text-align: center;font-size: 1.25rem;padding: 1rem 0;}
.resource_link a:not(:last-of-type) {border-right: 1px dotted;padding: 0 1rem 0 0;margin: auto 0.75rem 0.25rem auto;}

@media screen and (min-width: 1201px) {
    .success_exp{width: 1200px;}
}

@media screen and (min-width: 1024px) { 
    .st_exp .st_title {word-break: keep-all;overflow-wrap: break-word;}
    .success_cont dd ul li .ml-16 {margin-left: 2.6rem;}   
    .success_cont dd ul li:first-of-type {display: flex;flex-wrap: wrap;align-items: center;}
}

@media screen and (max-width: 1180px) { 
    .teacher_team dl{width: calc(100% / 2 - 1rem);}
    .course_set dl dt{font-size: 1.75rem;}
}

@media screen and (max-width: 1023px) {       
    .aside_menu {position: fixed;top: auto;bottom: 0;left: 0;right: 0;}
    .aside_menu_list {width: 100%;border-radius: 0;}
    .course_set dl {width: calc(100%/2 - 3rem);}    
    .pocket_list, .success_exp {width: 85%;margin: auto;}
    .aside_menu {margin: auto;}
    .aside_menu_list {display: flex;flex-direction: row;flex-wrap: nowrap;padding: 0;font-size: 1rem;}
	.aside_menu_list dt {font-size: 1rem;line-height: 1.2rem;width: 45px;color: #fff6a6;margin: 5px 3px 3px 5px;}
    .aside_menu_list {font-size: 0.82rem;}
	.aside_menu_list i {display:none;}
    .st_exp {margin: 1%;width: calc(100%);}
    .st_exp .st_title {font-size: 1.5rem;font-size: 1.7rem;line-height: 2.2rem;padding-bottom: 2%;word-break: keep-all;}
}

@media screen and (max-width: 767px) {    
	.br {display:block}
	.askclick {right: -1.75%;bottom: 15%;border-radius: 10px 0 0 10px;padding: 1rem 0.5rem 1rem 0.2rem;height: max-content;font-size: 1rem;}
    .seq_title {font-size: 2rem;line-height: 2.4rem;padding-bottom: 0.7%;padding: 0% 0% 3% 4%;letter-spacing: -1px;margin-top: 3%;}
    .course_set dl dd {font-size: 1.05rem;line-height: 1.6rem;padding: 2% 3% 0% 8.5%;}
	.grade_txt {font-size: 1.2rem;padding: 0.5%;width: 89%;border-radius: 20px 20px 0 0;}
    .course_set dl {width: 88%;margin: 0 auto 5%;background-color: #fff;padding: 1% 1% 1.5% 2.5%;border-radius: 0 40px 40px 40px;} 
	.teacher_team dl {width: 89%;padding: 5% 4.5% 3.5%;}
	.teacher_team dl dt ul {width: calc(100%);}
	.teacher_team dl dt {text-align: center;}
	.teacher_team dl dt figure {margin: 0 auto;}
	.teacher_team dl dt ul li {text-align: left;}
	.teacher_team dl dt ul li.name {text-align: center;}		
	.rank_tag {font-size: 1.4rem;}
	.mode_tab a.active {padding: 1% 2% 0.5% 1%;border-radius: 7px 7px 0 0;font-size: 1.2rem;}
	.mode_link {font-size: 1.3rem;}
	.mode_link .big_open {color: #d44d36;font-size: 1.75rem;margin: 7% 0 3%;font-weight: bold;}
    .mode_tab a {font-size: 1rem;}
    .mode_tab a i {font-size: 1.25rem;}   
    .success_cont dd {width: 100%;}	
	.exam_timeline dt {font-size: 1.65rem;line-height: 2.2rem;}
	.footer_inline {padding: 1rem 1rem 3rem !important;}
	.success_exp {width: 96%;margin: auto;}
	.success_cont {justify-content: center;}
}