﻿: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;}
/* 制霸2025高普考會計 */
.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:-8% 0 0 0;/*margin:-150px 0 0 0;*/}
.banner_list{width:calc(100%/2);padding:4rem 0;}
.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;max-width:800px;}
.banner_left dl{margin:auto 3rem auto auto;justify-content:flex-end;}
.banner_right dl{margin:auto auto auto 3rem;width:60%;}
.banner_list dl dt{width:100%;font-size:3rem;text-align:right;color:#fff;font-family:MStiffHeiHK;}
.banner_right dl dt{text-align:left;}
.banner_list dl dd{font-size:2rem;text-align:center;margin:auto 1rem;}
.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;}
/*現身說法*/
.video{padding:2rem 0;}
.video .VueCarousel-slide{padding:0 1rem;}
.video button i{font-size:1.25rem;font-size: 5rem;color: #00BCD4;}
.video button{margin-top: 2.8%}
.identity{color:#F44336}
.rank{font-size:1.8rem;font-weight:bold;color:#c28300;padding:.25rem 0;font-family:"Microsoft JhengHei";}
.rank strong{background-color:#F44336;color:#fff;padding:4px 10px;border-radius:7px;margin-right:3px;margin-bottom:2px;display:inline-block;font-size:1.8rem;line-height:2.3rem;font-weight:bold;}
/*一試高上*/
.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{color:var(--blue);font-size:3rem;}
.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 a{margin:auto 0.5rem;}
.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;font-family:Arial, "Microsoft JhengHei", 微軟正黑體, "LiHei Pro", 儷黑體, PMingLiu, 新細明體, sans-serif;}
.exp_grade i{padding:0 0 0 0.5rem;color:#F44336}
.exp_title{background-color:#F44336;color:#fff;padding:4px 10px;border-radius:7px;margin-right:3px;margin-bottom:2px;display:inline-block;font-size:1.8rem;line-height:2.3rem;font-weight:bold;}
.exp_name{font-size:1.8rem;font-weight:bold;color:#c28300;padding:0.25rem 0;font-family:"Microsoft JhengHei";}
.exp_grade b{color:#F44336;}
.exp_more{background-color:#13c0d6;color:white;padding:0.25rem 1rem;border-radius:2rem;margin:auto auto auto 0.25rem;text-decoration:none;}
.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%/3);font-size:1.25rem;padding:0 0 1.25rem 0;}
.honor_roll li b{padding:0 0.25rem 0 0;color:#8B691E}
.honor_roll li b i{padding:0 0.25rem 0 0;color:#F44336;font-size:2.1rem;}
.honor_roll li:nth-of-type(n+1):nth-of-type(-n+10) b{color:#D4A017;}
.honor_roll li:nth-of-type(n+11):nth-of-type(-n+23) b{color:#a27f28;}
.honor_roll .fa-award{font-size:2.4rem;padding:0 0.45rem 0 0.15rem;}
/* 高點助力，晉升公職新貴！ */
.kp_roll li{width:calc(100%/4);}
.community{margin:auto;background-color:#2176a8;}
.note_call{text-align: center;}
#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 (max-width:1600px){
    .banner_list dl dd{font-size:1.5rem;margin:auto 0.5rem;}
    .banner_list dl dd b{font-size:1.75rem;}
}
@media screen and (min-width:1201px){	
	.section_wrap{width:1200px;margin:auto;}
    .community{width:1200px;}
    .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;}
    .kp_roll li{width:calc(100%/4);}
    .banner_list dl dt{text-align:center;}
    .more_link{text-align:left;}    
    .video{width:90%;margin:auto;}
}
@media screen and (max-width:1179px){
    .banner_list{height:428px;}
}
@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 (max-width:767px){
     .banner_list{height:518px;}
}
@media screen and (max-width:767px) and (orientation:portrait){
	#BodyContentMainNavigator{margin:0.5rem auto 0.125rem;padding:0 3%;} 
    .section_wrap header h1{font-size:2.1rem;line-height:2.5rem;text-align:left;font-size:2.5rem;line-height:2.7rem;text-align:left;word-break:keep-all;overflow-wrap:break-word;}
    .community{width:100%;}
	.banner{width:100%;margin-bottom:0;margin-top:4.5%;width:100%;margin-bottom:0;margin-top:3.5%;}
    .banner_list{padding:5rem 0;}
    .banner_list dl dt{font-size:2rem;}
    .banner_list dl dd{font-size:1.25rem;margin:auto 0.25rem;}   
    .banner_list dl dd b{font-size:1.25rem;}
	.banner_board{margin:-14% 0 0 0;}
    .banner_right{padding:5rem 0 5rem;}
    .video button i {font-size: 3.25rem;margin: 72px -14px 0;}
    .video button{margin-top: 2.8%}
    .rank{font-size: 1.75rem;}
    .rank strong{font-size: 1.75rem;display: table;}
	.decorate_title{font-size:2rem;line-height:2.7rem;}
	.exp_grade{font-size:1.5rem;line-height:2.1rem;padding:.3rem 2rem;}
	.exp_title{font-size:1.35rem;line-height:2.1rem;}
    .exp_title strong{display:block;}
	.exp_name{font-size:1.25rem;}
    .exp_name{padding:0.25rem 0 0.25rem .7rem;}
	.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:100%;}
	.more_link a{font-size:1.5rem;}
	.honor_roll .fa-award{font-size:2rem;}
	.honor_roll li{font-size:1.25rem;padding:0 0 0.2rem .8rem;font-family:Arial, "Microsoft JhengHei", 微軟正黑體, "LiHei Pro", 儷黑體, PMingLiu, 新細明體, sans-serif;}
    .video .VueCarousel-slide{padding: 0;}
}
	
