:root {    
    --rose: #cd5056;
    --sky: #52a5c7;
    --brown: #b67a1a;
    --pink: #fff2f0;
    --peony: #f0f0f7;

    --sun:#ffff5f;
    --sea:#486096;
    --blood:#c33a24;
    --indigo: #2b4167;
    --dark_green:#478655;
    --burnt_orange:#df6b2a;
    --grass: #52C7AD;
    --light-grass: #ebf9f6;
    --linear-gold: linear-gradient(0deg, #bf831a, #d9a64c,#bf831a);
    --linear-rose: linear-gradient(0deg, #C75252, #FFF2F0,#C75252);
    --linear-tennis:linear-gradient(90deg, #f7ffdc8f, #daf98af0 30%, #bcf333);
    --linear-dark_green:linear-gradient(45deg, #478655, #4e8658, #478655);
}
.bg{background: #fffefa;}
.linear_bg1{background:url('../images/1301055_bg.jpg') no-repeat center / cover;}

/*會計勝試，一網打盡！*/
.container>.banner{width: 100%;}
.banner {max-width: 1903px;margin: auto;}
.banner img{width: 100%;}
.banner_m{display: none;}
.banner_title {font-size: 5rem;text-align: center;}
.banner_container{width: 100%;background: #f8a45b;filter: drop-shadow(0px 4px 3px #0000002f);}
.welfare{padding: 1.5rem;width: 70rem;margin: auto;}
.welfare dl dt {font-size: 2rem;border-radius: 2rem;padding: 0 1.1rem .2rem;margin: 0 0 .5rem;width: fit-content;color: #ffff;background: var(--linear-dark_green);}
.welfare dl dd {font-size: 1.5rem;}
.reserve {width: calc(100%/3*2);}
.testing {width: calc(100%/3);}
.reserve dd ul > li {margin: auto 3rem auto 0;position: relative;}
.reserve dd ul > li:not(:last-of-type):after {content: '+';position: absolute;right: -2rem;top: 0;}

/*重考生舊生首考生晉級打法*/
.seq_title {font-size: 3.25rem;padding: 2.5rem 0 0.5rem;font-weight: bold;font-family: "Microsoft YaHei";}
.placement {border-radius: 5rem;padding:0 1.5rem 0.25rem 2rem;margin: auto 0.5rem auto auto;background: var(--blood);color: #fff;}
.case_set dl {width: calc(100%/3 - 1rem);margin: 1rem auto;border-radius: 2rem;}
.case_set dl:nth-child(1){border: 2px solid var(--indigo);background: var(--indigo);}
.case_set dl:nth-child(2){border: 2px solid var(--burnt_orange);background: var(--burnt_orange);}
.case_set dl:nth-child(3){border: 2px solid var(--dark_green);background: var(--dark_green);}
.case_set dl dt {font-size: 2.2rem;background: #fff;border-radius: 1.9rem 1.9rem 0 0;padding: .5rem 1rem;}
.case_set dl:nth-child(1) dt , .case_set dl:nth-child(3) dt span{color: var(--indigo);}
.case_set dl:nth-child(2) dt , .case_set dl:nth-child(3) dt span{color: var(--burnt_orange);}
.case_set dl:nth-child(3) dt , .case_set dl:nth-child(3) dt span{color: var(--dark_green);}
.case_set dl dt span {border-radius: 0 1rem;padding: 0 0.25rem;margin: auto auto auto 0.5rem;font-size: 2rem;}
.case_set dl dd {font-size: 1.4rem;padding: 1rem 1rem 1.5rem;color: #fff;}
.story {text-align: center;padding: 2rem 0 0;}
.story_title {font-size: 3rem;}
.experience {width: calc(100%/2 - 1rem);padding: 0 0 1.5rem;margin: 0 auto;border: 2px solid var(--blood);border-radius: 1rem;background: #fff1ee;}
.experience dl {position: relative;}
.experience > dl > dt {font-size: 2rem;clip-path: polygon(100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);background: var(--blood);color: #fff;padding:1rem 1.5rem 1.8rem;position: absolute;left: 1.5rem;top: -.5rem;}
.experience > dl > dt > span {display: block;}
.experience > dl > dd{background: #fff;border-radius: 1rem 1rem 0 0;border-bottom: 1px #c33a245f dashed;}
.case_des {padding: 0 0 0 12rem;}
.case_des li {margin: .5rem 0 1.5rem;font-size: 1.65rem;color:var(--blood);padding: 1.5rem 0rem 0.25rem;font-weight: bold;font-family: "Microsoft YaHei";}
.exp_cont {padding: 1.5rem 1.5rem 0;}
.exp_cont dl {position: relative;font-size: 1.25rem;padding: 0 0 .5rem;}
.exp_cont dl dt a{color:var(--sea);font-size: 1.45rem;}
.exp_cont dl dd{font-size: 1.35rem;}
.exp_cont p {text-align: left;font-size: 1.125rem;padding: .5rem;border-top:2px dotted #4860965f;}
.exp_cont p a {color:var(--sea);}
.exp_cont p  mark {background: #ffff8d;}
.grade {font-style: italic;color: var(--blood);}
.name_note {margin: auto 0 1rem auto;padding: 0.5rem;}

/*跨域選修，職場封王！*/
.bg_tennisCourt{background: var(--linear-dark_green);}
.tennisCourt .seq_title{padding: 0 .5rem 0 3.5rem;margin: 2.5rem auto 0.5rem;}
.cross_subject dl {width: calc(100%/2);padding: 2rem 3rem 2.5rem;}
.cross_subject dl:nth-of-type(1) {padding: 1rem 3rem 2rem 4rem;}
.cross_subject dl:nth-of-type(2) {padding: 3rem 3rem 2rem 4rem;}
.cross_subject dl:nth-of-type(3) {padding: 0rem 3rem ;}
.cross_subject dl dt{width:30%;font-size: 2.3rem;text-shadow: 2px 2px 3px #0000005f;color:var(--sun);border-radius: 50rem;}
.cross_subject dl dt::before {content: '▶';font-size: 1.8rem;padding: 0 .5rem .5rem 0;display: inline-block;}
.cross_subject dl dt a{text-decoration: none;border-bottom: 1px dotted;}
.cross_subject dl dt:hover{color:#4b855700;text-shadow: 0 0 0 #00000000;color:#cb311c;padding:0 1.5rem 0rem 3.5rem;background: linear-gradient(-90deg,#fff 50%,#ffffff00 100%);border-radius:0  50rem 50rem 0;}
.cross_subject dl dt a:hover {border-bottom: 0px dotted;}
.cross_subject dl dd {font-size: 1.25rem;color: #ffffff;padding: 0.5rem 0 0;text-shadow: 2px 2px 3px #0000005f;}
.net_line {position: relative;width: 98%;transform: rotate(3deg);margin: auto;}
.net_line::before {content: '';width: 100%;border-bottom: 2px solid white;display: block;position: absolute;top: 0;}
.net_line::after {content: '';height: 300px;border-right: 5px solid white;display: block;position: absolute;top: -150px;right: 50%;filter: drop-shadow(6px 1px 1px #0000001f);}

/*鐵粉回娘家*/
.fan .seq_title{color: #cb311c;}
.return_student {padding: .5rem 0 2rem;justify-content: center;}
.return_video {width: 55%;padding: .55rem;}
.return_case {width: 40%;margin: auto;}
.return_case p {font-size: 1.2rem;padding: 0 0 .5rem}
.return_case dl {width: 100%;text-align: center;margin: 0.5rem auto;}
.return_case dl dt {background: var(--linear-gold);font-size: 1.8rem;border-bottom: 1px dotted;color: white;border-radius: 1rem 1rem 0 0;padding: .05rem 0 .3rem;}
.return_case dl dd {font-size: 1.25rem;padding: 0.5rem;background-color: #fff;border-radius: 0 0 1rem 1rem;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;border-radius: 1rem;border: 3px solid #ee9ca8;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media screen and (max-width: 1180px) {
    .case_des{width: 100%;padding: 4rem 0 0;}
}

@media  (min-width: 1px) and (max-width: 1200px){
    .welfare , .reserve , .testing {width: 100%;margin: auto;text-align: center;}
    .welfare dl dt , .welfare dl dt dd {margin: 1rem auto .5rem;text-align: center;}
    .reserve ul{justify-content: center;align-items: center;}

    .seq_title {font-size: 2.6rem;}
    .case_set dl dt {font-size: 2.25rem;padding: 0.8rem 1rem 0.8rem 3.25rem;line-height: 2.6rem;text-indent: -2.25rem;}
    .experience > dl > dt > span {display: inline-block;}
    .experience > dl > dt {font-size: 2rem;padding: 1.25rem 1.5rem 2.25rem;left: 4.25rem;}
    .case_des li {margin: auto;font-size: 1.6rem;padding: 3rem 1rem 1rem 1.5rem;text-align: left;}
    .exp_cont dl dd {text-align: left;}
    .cross_subject dl dt {width: 80%;}

    .return_video {width: 100%;margin: auto;padding: .5rem;}
    .return_case {width: 95%;margin: auto;padding: .5rem;}

}

@media screen and (min-width: 1024px) {   
}

@media screen and (max-width: 1023px) {       
    .case_des {padding: 4rem 0 0;}
}

@media screen and (max-width: 767px) {
    .banner{display: none;}
    .banner_m ,.banner_m img{display: block;width: 100%;margin: auto;}
    .welfare dl dt {font-size: 1.7rem;}
    .welfare dl dd {font-size: 1.3rem;line-height: 2.5rem;}
    .reserve {width: 100%;margin: auto auto 1rem;}
    .testing {width: 100%;}
    header h1{text-align: center;}
    .seq_title {font-size: 2rem;padding: 1rem 0;margin: auto;}
    .tennisCourt .seq_title {padding: .05rem .5rem .25rem 1.25rem;font-size: 1.85rem;}
    .reserve dd ul > li {margin: auto 2rem auto 0;}
    .reserve dd ul > li:not(:last-of-type):after {right: -1.35rem;}

    .placement {display: inline-block;padding: 0 1.5rem 0.25rem 2rem;margin: .25rem .5rem .25rem auto ;}
    .experience {width: 100%;margin: 1rem auto auto;}
    .experience > dl > dt {font-size: 1.8rem;} 
    .case_set dl {width: 100%;margin: 0.25rem auto;}
    .case_set dl dt {font-size: 1.8rem;}
    .case_set dl dt span { font-size: 1.7rem;}
    .case_set dl dd {font-size: 1.45rem;}
    .case_des li {font-size: 1.5rem;}

    .cross_subject dl, .cross_subject dl:nth-of-type(1), .cross_subject dl:nth-of-type(2), .cross_subject dl:nth-of-type(3) {width: 100%;padding: 1rem .5rem;border-bottom: 1px dotted;}
    .cross_subject dl:last-of-type {border: 0;}
    .cross_subject dl dt {width: 50%;font-size: 1.55rem;}
    .cross_subject dl dt::before {content: '▶';font-size: 1.25rem;}
    .cross_subject dl dd {font-size: 1.125rem;}
    .net_line {display: none;}

    .return_student {padding: .5rem 0 ;}
    .return_student dl {width: 100%;margin: 0.25rem auto;}
    .return_video {width: 100%;}
    .return_case {width: 100%;}
    .return_case p {font-size: 1.125rem;}
    .return_case dl dt {font-size: 1.65rem;}
    .return_case dl dd {font-size: 1.2rem;}
}
    
/*相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Webkit*/
}
@media print {
}