:root{
    --orange:#E36424;
    --dark_red:#9e040a;
    --red:#c0020e;
    --gray:#E4E4E4;
    --white:#FFFFFF;
    --black:#000000;
    --purple:#96359f;
    --cyan:#0797a0;
    --blue:#2368ad;
    --yellow:#ffeb4e;
    --font-Verdana: Verdana,"Microsoft JhengHei";
    --font-CHei3HK:"CHei3HK","microsoft yahei";
    --drop-shadow:drop-shadow(5px 0px 0px #ccc) drop-shadow(-4px 0px 0px #fff) drop-shadow(0px -4px 0px #fff) drop-shadow(0px 4px 0px #ccc)
}
.bgcolor0 {background: linear-gradient(to right, #dfdfdf 20%, #f9fafa 90%);}
.bgcolor1 {/*background: linear-gradient(45deg, #9e040a, #ce0110);*/background: linear-gradient(to right, #9D0710 30%, #B4040F 60%, #CE0110 100%);}
.bgcolor2 {background: #b91a15;}
.bgcolor3 {background: radial-gradient( circle,#fFF 50%, #d6dbdf 100%);}
.bgcolor4 {background: var(--gray);}
.bgcolor5 {background: var(--white);}
.fcolor0 {color: var(--purple);}
.fcolor1 {color: var(--cyan);}
.fcolor2 {color: var(--blue);}
.fcolor3 {color: var(--black);}
.fcolor4 {color: var(--dark_red);}
.fcolor5 {color: var(--yellow);}
.fcolor6 {color: var(--white);}
.font-Verdana{font-family:var(--font-Verdana);}
.text-center {text-align: center;}

/*標題大小*/
section h1{font-size: 3.05rem;color:var(--white);text-align: center;font-family:var(--font-CHei3HK);font-weight: bold;border-radius: 0;width: fit-content;margin: 1rem auto .6rem;}
section h2{font-size: 2.3rem;color: var(--red);padding: 2% 0;text-align: center;font-family:var(--font-CHei3HK);font-weight: bold;}
section h3{font-size: 1.8rem;font-weight: bold;}
.container h1{position: relative;top: 0;left: 0;right: 0;}
.container h1::before{content: '';width: 150px;height: 2px;background: linear-gradient(-45deg, #9e040a, #ce0110, #ce011000);position: absolute;top: 40px;left: -160px;}
.container h1::after{content: '';width: 150px;height: 2px;background: linear-gradient(45deg, #9e040a, #ce0110, #ce011000);position: absolute;top: 40px;right: -160px;}
.course h1::before{content: '';background: linear-gradient(-45deg, #f4c143, #ffeb4e, #ffeb4e00);}
.course h1::after{content: '';background: linear-gradient(45deg, #f4c143, #ffeb4e, #ffeb4e00);}
small{font-size: small;}

/*審計提分必勝課*/
.banner_title{position: relative;top: 0;left: 0;right: 0;bottom: 0;}
.banner_title ul {justify-content: center;position: absolute;left: 30%;bottom: 7%;}
.banner_title ul li {font-size: 2.3rem;font-family:var(--font-Verdana);margin:0 0 0 1rem;border-radius:  3rem 0 2rem 0;border-bottom: 2px dotted;border-top: 2px dotted var(--white);padding: 0 .5rem .05rem;font-weight: bold;background:var(--white);}
.banner_title ul li:nth-child(1) {color:var(--purple);}
.banner_title ul li:nth-child(2) {color:var(--cyan);}
.banner_title ul li:nth-child(3) {color:var(--blue);}
.banner_title ul li:nth-child(1):hover {background:var(--purple);color: var(--white);border: 2px solid ;border-radius: 0 2rem 0 3rem;}
.banner_title ul li:nth-child(2):hover {background:var(--cyan);color: var(--white);border: 2px solid ;border-radius: 0 2rem 0 3rem;}
.banner_title ul li:nth-child(3):hover {background:var(--blue);color: var(--white);border: 2px solid ;border-radius: 0 2rem 0 3rem;}
.banner_title ul li a{text-decoration: none;padding: 0 1.5rem;}
.banner_title ul li a:hover{border-right: 0px dotted;}
.banner_title h1 {font-size: 5rem;justify-content: center;}
.banner{width: 100%;}
.banner img{width: 100%;margin: auto;}
.target-fix {position: relative;top: 0;display: block;visibility: hidden;}

/*強大師資陣容*/
.teacher_list{width: calc(100% / 3);margin: auto;}
.teacher_list dl {margin:auto 1rem 1rem;}
.teacher_list dt {text-align: center;font-size: 1.6rem;position: relative;top: 0;left: -3%;right: 0;bottom: 0;margin: 0 auto 1.125rem;}
.teacher_name{background:var(--yellow);color: #12243c;position: absolute;bottom: -3px;right: 90px;padding: .25rem 1rem .3rem;border-radius: 1.5rem 0 1rem;border-bottom: 2px dotted;}
.teacher_list figure img {margin: auto;filter:var(--drop-shadow);}
.teacher_list dd {font-size: 1.26rem;text-indent: -1.3rem;padding: 0.125rem 0 0.125rem 1.5rem;margin: auto;}
.teacher_list dd::before {content: '•';}

/*精實課程安排*/
.class_cont {width: 88%;color: var(--white);font-size: 1.4rem;position: relative;margin: .5rem auto 2rem;border-radius: 0 0 6rem 0;}
.class_cont:hover { margin: 0 auto 2rem;padding: 1rem .5rem 1rem;background:linear-gradient(160deg ,#ffffff00 50%, #ffffff3f);border-radius: 0 0 7rem 0;}
.class_cont > li {padding:.5rem 1rem .5rem .5rem;width: fit-content;}
.class_cont > li:not(:last-of-type) {border-bottom: 1px dashed #ffeb4eab;}
.audience li {display: list-item;list-style-type: decimal;margin: auto 0 auto 2rem;}
.audit_btn {width: 2.25rem;height: 2.25rem;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--yellow);color: #12243c;text-decoration: none;margin: auto auto auto .5rem;border: 2px solid var(--white);box-shadow: 3px 4px 8px #0000005f;}
.audit_btn:hover{box-shadow: unset;}
.price_sort {font-family: var(--font-Verdana);background: radial-gradient(circle, #fFF 50%, #d6dbdf 100%);border-radius: 50%;font-size: 1.5rem;border: dotted 1px #e9363c;text-align: center;font-weight: bold;width: 12rem;height: 12rem;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;color: black;padding: 3rem 0;margin: .5rem;line-height: 2rem;filter:var(--drop-shadow);}
.price_cont span {color:var(--red);}
.course-title {width: 90%;font-size: 2.5rem;font-weight: bold;text-align: center;font-family: var(--font-Verdana);margin:auto;border-radius:  3rem 0 2rem 0;border-bottom: 2px dotted;border-top: 2px dotted var(--white);padding: 0 .5rem .05rem;font-weight: bold;background:var(--white);}
.class_des {font-size: 1.75rem;padding: 0 0 0 .25rem;}
.class_des1 {color: #96359fcc;}
.class_des2 {color: #0797a0cc;}
.class_des3 {color: #2368adcc;}
.class_des1 span{color: #96359fab;}
.class_des2 span{color: #0797a0ab;}
.class_des3 span{color: #2368adab;}
.price_sort a {font-weight: initial;font-size: 1.25rem;padding: .25rem 0 0;cursor: pointer;}
.price_sort small {font-size: 1.1rem;font-weight: initial;}
.price_other {padding: 2rem 0;}
.price_other ul li, .price_other ul li a {font-size: 1.2rem;color: var(--red);line-height: 1.5rem;font-weight: bold;}
.price_cont {display: flex;flex-wrap: wrap;justify-content: center;}

/*上榜學員高分實證*/
.exp-cont{text-align: left;padding: 0 5% 3%;color:var(--black);}
.exp-name{font-size: 1.5rem;margin-right: .25rem;}
.grade {font-size: 1.125rem;color: var(--white);margin-right: .25rem;font-family: var(--font-Verdana);background-color: var(--red);padding: .1rem .4rem .2rem;}
.school {font-size: 1.25rem;color: #12243c;margin-bottom: .5rem;}
.school_s {font-size: 1.1rem;}
.exp-cont > ul > li:last-of-type {padding: 2%;background: linear-gradient(205deg, white, transparent);border-right: 2px solid #c0020e5f;border-bottom: 3px solid #c0020e5f;color: var(--black);border-radius: .8em;line-height: 1.6em;font-size: 1.15rem;width: calc(70% - 200px);}
.exp-cont > ul > li:nth-of-type(2) {margin: auto 0 auto 2rem;}
.exp-cont figure img {width: 200px;height: 200px;object-fit: cover;border-radius: 50%;margin: auto;;}
.exp-cont a:last-of-type {color: #12243c;background:var(--yellow);padding: 0 .6rem 0.1rem;border: 2px solid var(--white);border-radius: 1rem;text-decoration: none;font-size: smaller;}
.exp-cont a:last-of-type:hover{background: #c0020ebd;color:var(--white);}

@media screen and (min-width: 1201px) and (max-width: 1500px) {
    .banner_title ul li {font-size: 1.8rem;}
    .block-1500 {display: block;}
}

@media screen and (min-width: 1201px) {   
    .price_cont {position: absolute;right: 0;bottom: 0;display: flex;flex-wrap: wrap;}
    .exp-cont > ul > li:nth-of-type(2) {width: 20%;}
}

@media screen and (max-width: 1200px) {   
    .banner_title ul li {font-size: 1.3rem;}
    .teacher_name {position: absolute;bottom: -3px;right: 10px;}
    .teacher_detail {width: 85%;margin: auto;}
    .price_cont {margin: auto;}
    .exp-cont > ul > li:last-of-type {width: 100%;margin: 1rem auto;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (min-width: 768px) and (max-width: 991px) { 
    .banner_title ul li {font-size: 1rem;}
}

@media screen and (max-width: 767px) { 
    .bgcolor1 {background: linear-gradient(to right, #A9050E 0%, #C2020F 100%);}
    section h1{font-size: 2.1rem;}
    .container h1::before {content: '';width: 70px;position: absolute;top: 25px;left: -80px;}
    .container h1::after {content: '';width: 70px;position: absolute;top: 25px;right: -80px;}
    .sm\:block {display: block;}
    .banner_title ul {position: absolute;left: 8%;bottom: 3.5%;width: fit-content;flex-direction: column;}
    .banner_title ul li {font-size: 1.45rem;margin: .35rem;text-align: center;}
    .teacher_list dl {margin: auto .5rem 1rem;}
    .teacher_list dl dt {font-size: 1.35rem;}
    .teacher_name {position: absolute;bottom: -3px;right: 25px;}
    .course-title {width: 95%;font-size: 1.5rem;padding: 7px 0;margin: auto;}
    .course-title:after {content: none;}
    .price_sort {font-size: 1.4rem;}
    .class_cont {font-size: 1.2rem;}
    .class_cont > li {padding: .5rem 0;}
    .audience li {margin: auto auto auto 2rem;}
    .exp-cont{padding: 3%;}
    .exp-cont > ul > li:nth-child(1){flex: auto;}
    .exp-cont > ul > li:last-of-type {padding: 3% 3% 3% 5%;margin: .5rem auto;}
    .exp-cont > ul > li:nth-of-type(2) {width: 100%;}
    .class_des {display: block;font-size: 1.25rem;}    
}