:root {
    --white:#FFFFFF;
    --blue: #18a5ee;
    --pink: #F37271;
    --light-pink: #FAE4E4;
    --light-blue: #CCEAF7;
}
.section_wrap {padding: 1rem;}
.bg-pink {background-color: var(--light-pink);}
.bg-blue {background-color: var(--light-blue);}
.bg-learn123 {background-color: #f9794e;border-bottom: 12px #e7e1d5 dotted;}
.bg-gold50{background-color: #cfba9563}
.wrap_all {word-break: keep-all;overflow-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;-webkit-text-size-adjust: 100%;}
body{background: url(../images/1310032_icon1.png) repeat-y left 0, url(../images/1310032_icon2.png) repeat-y right 0, linear-gradient(to left, #c6b07f -10%, #f1f1f1 30%, #f1f1f1 60%, #c6b07f 110%);font-family: Arial, Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu, "新細明體", sans-serif;}

/* 制霸2024高普考會計 */
.banner {text-align: center;font-weight: bold;width: 1500px;width: auto;margin: 0 auto;}
.banner h1 {font-size: 7rem;font-family: MStiffHeiHK;font-weight: bold;color: #F44336;}
.banner img {margin: 0 auto}
.good_grade {font-size: 4.5rem;color: #a27f28;line-height: 4rem;margin-bottom: 16px;}
.banner_board {width: 100%;margin: -150px 0 0 0;}
.banner_list {width: calc(100%/2);padding: 3rem 0 4.3rem;}
.banner_left {clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);background-color: #00BCD4;background-color: #f9794e;margin: auto 0 auto auto;background: linear-gradient(to left, #ff6f3ee6 76%, #f9794e9c 100%);}
.banner_right {clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 85%);background-color: #ff5722bf;background-color: #00BCD4;margin: auto auto auto 0;background: linear-gradient(to left, #00bcd45c 0, #00bcd4eb 50%);}
.banner_list dl {display: flex;flex-wrap: wrap;width: 70%;}
.banner_left dl {margin: auto 3rem auto auto;}
.banner_right dl {margin: auto auto auto 3rem;}
.banner_list dl dt {width: 100%;font-size: 3rem;text-align: right;color: #fff;margin-top: 4%;font-family: MStiffHeiHK;}
.banner_right dl dt {text-align: left;}
.banner_list dl dd {font-size: 2rem;width: calc(100%/3);text-align: center;}
.banner_list dl dd b {display: block;font-size: 2.1rem;line-height: 1rem;margin-top: 12px;color: #FFEB3B;}
.banner_list dl dd b i{margin-right: 5px;color: #daccab;}

/* 一試高上 */
.decorate_title {font-size: 2.7rem;line-height: 3.7rem;display: flex;flex-wrap: wrap;align-items: end;}
.decorate_word {font-size: 4rem;line-height: 5rem;font-weight: bold;font-family: "MStiffHeiHK", "Microsoft YaHei";text-shadow: 0 1px 2px #0000001f;text-shadow: rgb(255 255 255) 0px 0px 15px;}
.decorate_title .t1 {color: #a27931;}
.decorate_title .t2 {color: #fff;text-shadow: none}
.decorate_title .dot {width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: var(--blue);margin: auto 1rem 1.25rem 1rem;}
.exp_box {padding: 2rem;border-bottom: 2px #00BCD4 dotted;}
.exp_box img {background-color: #f2eee5;margin: 1% 2%;padding: 2% 0;border-radius: 50px;border: 2px #c5b393 solid;border-left: 6px #c5b393 solid;border-right: 6px #c5b393 solid;
width: 200px;}
.exp_grade {font-size: 1.8rem;line-height: 2.3rem;font-weight: bold;color: #c28300;padding: 1rem 2rem;position: relative;width: fit-content;font-family: Verdana, "Microsoft JhengHei";
letter-spacing: -1px;}
.exp_grade::before {content: '\f10e';transform: scaleX(-1);font-family: "Font Awesome 6 Free";display: block;left: 0;top: 0;position: absolute;color: #ef7044}
.exp_grade::after {content: '\f10d';transform: scaleX(-1);font-family: "Font Awesome 6 Free";display: block;right: 0;bottom: 0;position: absolute;color: #13c0d6}
.exp_cont {font-size: 1.25rem;width: calc(94% - 200px);padding: 0 4rem;font-family: Arial, "Microsoft JhengHei", 微軟正黑體, "LiHei Pro", 儷黑體, PMingLiu, 新細明體, sans-serif;}
.exp_grade i {padding: 0 0 0 0.5rem;color: #F44336}
.exp_grade b {background-color: #F44336;color: #fff;padding: 4px 10px;border-radius: 7px;margin-right: 3px;margin-bottom: 2px;display: inline-block;}
.order1 {order: 1;}
.order2 {order: 2;}
.more_link {text-align: center;padding: 1rem 0;font-weight: bold;}
.more_link a {text-decoration: none;font-size: 1.8rem;}
.more_link a:not(:last-of-type) {margin: auto 3rem auto auto;}
.more_link a::before {content: '\f061';background-color: #13c0d6;color: white;padding: 0.25rem 1rem;border-radius: 2rem;font-family: "Font Awesome 6 Free";margin: auto 0.5rem auto auto;}

/* 全方位學習 */
.stepby dl {width: calc(100%/3 - 1.5rem);padding: 1rem 0;}
.stepby dl:not(:last-of-type) {margin: 0 2rem auto 0;}
.stepby dl dt {font-size: 2.7rem;padding: 0 0 1rem 1rem;font-weight: bold;display: grid;}
.stepby dl dd {font-size: 1.25rem;display: flex;flex-wrap: wrap;align-items: center;padding: 0 0 1rem 0;border-left: 4px #ffdf96 dotted;border-right: 4px #b4f7ff dotted;padding: 0 1rem 0.5rem 3rem;margin: auto auto 7px 0;background-color: #f78f6c;border-radius: 50px;}
.stepby dl dd b {color: var(--pink);color: #0c618b;color: #ffffff;font-size: 2.1rem;padding: 0px 0px 5px 0px;border-radius: 0 0 0 12px;}
.stepby .course {border-radius: 6rem;padding: 0.25rem 1rem;background: radial-gradient(50% 50% at 50% 50%, #FBEFDF 0%, #EEB7B3 100%);text-align: center;}
.course {font-weight: normal;font-size: 2rem;}

/* 多位學員連續攻佔高考&普考！ */
.honor_title {text-align: center;font-weight: bold;font-family: "MStiffHeiHK", "Microsoft YaHei";color: #ff4d2b;margin: 18px 10px 20px;text-shadow: rgb(255 255 255) 0px 0px 15px;line-height: 4.5rem;}
.honor_roll li {width: calc(100%/4);font-size: 1.25rem;padding: 0 0 1.25rem 0;}
.honor_roll li b {padding: 0 0.25rem 0 0;color: #a27f28;}
.honor_roll li b i {padding: 0 0.25rem 0 0;color: #F44336;font-size: 2.1rem;}
.honor_roll .fa-award {font-size: 2.4rem;padding: 0 0.45rem 0 0.15rem;}

/* 高點助力，晉升公職新貴！ */
.kp_roll li {width: calc(100%/6);}
.community {margin: auto;background-color: #2176a8;}
#Ask {background: #00BCD4 !important;}
#Ask SELECT {font-size: 1rem !important;}
#Ask input {font-family: Arial, "Microsoft JhengHei", 微軟正黑體, "LiHei Pro", 儷黑體, PMingLiu, 新細明體, sans-serif !important;font-size: 1rem !important;}
#Ask input[type="submit"], #Ask input[type="reset"] {background: #F44336 !important;}

@media screen and (min-width: 1201px) {	
	.section_wrap {width: 1200px;margin: auto;}
    .community {width: 1200px;}
    .banner_list dl {max-width: calc(1680px / 2);}    
    .stepby .course {width: 60%;}
}

@media screen and (max-width: 1280px) {
    .banner_list dl {width: 100%;}
    .banner_left dl {margin: auto;}
    .banner_right dl {margin: auto;}
    .stepby dl {width: calc(100% / 3 - 1rem);}
    .stepby dl:not(:last-of-type) {margin: 0 1rem auto 0;}
    .stepby dl dd {padding: 0 0.5rem 0.5rem 1.5rem;}
    .stepby .course {margin: auto auto auto 0;}
    .stepby dl dd b {width: 100%;font-size: 1.7rem;}
    .honor_roll li {width: calc(100%/3);}
    .kp_roll li {width: calc(100%/4);}
    .banner_list dl dt {text-align: center;}
    .more_link {text-align: left;}    
}

@media screen and (max-width: 1023px) {
    body {background: url(../images/1310032_icon1.png) repeat-y left 0, linear-gradient(to left, #c6b07f -10%, #f1f1f1 30%, #f1f1f1 60%, #c6b07f 110%);}
    .honor_roll li {width: calc(100%/2);}
    .kp_roll li {width: calc(100%/3);}
	.banner {width: 95%;margin-bottom: 6%;}
    .banner_list dl dd {font-size: 1.5rem;}
    .banner_list dl dd b {font-size: 1.75rem;}
    .exp_cont {width: 100%;padding: 0;order: 2;}
    .stepby dl {width: 100%;}
    .stepby dl:not(:last-of-type) {margin: auto;}
    .stepby dl dd {font-size: 1.1rem;padding: 0 2rem 0.5rem;margin: 0 0 7px 0;}      
    .stepby dl:nth-of-type(2) {border-top: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.banner {width: 95%;margin-bottom: 6%;}
    .exp_box figure {margin: auto;}
    .honor_title {font-size: 3.5rem;}
}

@media screen and (max-width: 767px) and (orientation: portrait) { 
    .section_wrap header h1 {font-size: 2.1rem;line-height: 2.5rem;text-align: left;}
    .community {width: 100%;}
	.banner {width: 95%;}
    .banner_list {padding: 5rem 0;}
    .banner_list dl dt {font-size: 2rem;}
    .banner_list dl dd {width: 100%;font-size: 1.25rem;}   
    .banner_list dl dd b {font-size: 1.25rem;}
	.banner_board {margin: -14% 0 0 0;}
    .banner_right {padding: 5rem 0 5rem;}
	.decorate_title {font-size: 2rem;line-height: 2.7rem;}
	.exp_grade {font-size: 1.5rem;line-height: 2.1rem;padding: .3rem 2rem;}
	.exp_grade b {display: table;letter-spacing: 0px}	
	.exp_grade i {color: #F44336;display: table-column-group;}	    
	.exp_cont p {font-size: 1.15rem;line-height: 1.8rem;padding: 7px 10px 15px;text-align: justify;}	
    .exp_box {padding: 1rem .5rem;}
    .exp_box figure {order: 1;}
	.course {font-size: 1.5rem;}
    .honor_roll li {width: 100%;}
    .kp_roll li {width: calc(100%/2);}
	.more_link a {font-size: 1.5rem;}
	.honor_roll .fa-award {font-size: 2rem;}
	.honor_roll li {font-size: 1.1rem;padding: 0 0 0.2rem 0;font-family: Arial, "Microsoft JhengHei", 微軟正黑體, "LiHei Pro", 儷黑體, PMingLiu, 新細明體, sans-serif;}
}