.bg-best{background:linear-gradient(to right, #e4c185 10%, #f3e5cc 36%,#f3e5cc 72%, #f1d496 98%);}
.bg-gold{background-color:#c92606;}
.bg-best2{background:linear-gradient(to right, #fff0d5 10%, #f3e5cc 36%, #ffffff 72%, #f1d496 98%);}
/*恭賀數百位上榜學員，贏得漂亮！*/
.banner{text-align:center;}
.banner h1{font-size:5rem;}
.banner .hundred{font-size:2.5rem;}
.banner .way{font-size:3rem;}
.banner .years{font-size:3.5rem;}
/*一次全科及格，通關會計師首選高點！*/
.youtube .VueCarousel{padding:1rem 0;}
.pass{color:#bc0d00;font-size:4rem;font-weight:bold;text-align:center;margin: 1rem auto 0rem;font-family: "Microsoft YaHei";}
.pass strong{font-size:4rem;color:#da1202;}
.myflash{animation:myflash 3s ease-in-out infinite;}
@keyframes myflash{0%,12.5%{opacity:1}6.25%,18.75%{opacity:0}25%,100%{opacity:1}}
.show-up{font-size:3rem;text-align:center;color: #673c26;margin: 0.5rem auto;}
.show-up2{font-size:3rem;text-align:center;color: #e4be7a;margin: 0.5rem auto;}
.show-up3{font-size: 2.8rem;text-align: center;color: #cb311c;border-bottom: solid 8px;margin: 3rem auto 1.5rem;}
.show-up::before,.show-up2::before,.show-up::after,.show-up2::after{content:'⋆';padding:.25rem;display:inline-block;}
.youtube a{width:90%;margin:auto;}
.youtube a img{margin:auto;}
.youtube .VueCarousel-slide a:not(.new){position:relative;display:block;}
.youtube .VueCarousel-slide a:not(.new)::before{content:'\f167';font-family:"Font Awesome 6 Brands";position:absolute;top:50%;left:50%;transition:all .3s linear;color:#FF0033;font-size:4rem;transform:translate(-50%,-50%);z-index:2;}
.youtube .VueCarousel-slide a:not(.new)::after{content:'';width:2rem;height:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;}
.youtube .VueCarousel-slide a:hover::before{transform:translate(-50%,-50%) scale(1.2)}
/*升學會計師+會研所*/
.ribbon{padding:0 6rem;font-size:4rem;color:#5b3618;clip-path:polygon(0% 0%,5% 50%,0% 100%,100% 100%,95% 50%,100% 0%);-webkit-clip-path:polygon(0% 0%,5% 50%,0% 100%,100% 100%,95% 50%,100% 0%);text-shadow:initial;display:block;margin: 2rem auto 0rem;width: fit-content;font-weight:bold;font-family: "Microsoft YaHei";background: linear-gradient(to right, #c5a368 10%, #f3e5cc 36%, #f3e5cc 72%, #f1d496 98%);}
.ribbon2{padding:0 6rem;font-size:4rem;color:#f1d496;clip-path:polygon(0% 0%,5% 50%,0% 100%,100% 100%,95% 50%,100% 0%);-webkit-clip-path:polygon(0% 0%,5% 50%,0% 100%,100% 100%,95% 50%,100% 0%);text-shadow:initial;display:block;margin: 2rem auto 0rem;width: fit-content;font-weight:bold;font-family: "Microsoft YaHei";background: linear-gradient(to right, #ad0000 10%, #c60707 36%, #f73737 72%, #c50101 98%);}
.ribbon::before,.ribbon2::before{content:"";position:absolute;inset:0;background:transparent}
.ribbon strong{color:#ad0000;}
.continuous li{color:white;font-size:2rem;line-height:4rem;border-bottom:dotted 1px #ffdf99;padding: 0.3rem 0;}
.continuous li strong{font-size:2rem;color:#fff8d9;}
.continuous li strong:not(.five){padding:0 0 0 2rem;}
.rank{border-bottom: solid 3px #9d1111;color: #9d1111;margin: auto 0 0 0.5rem;clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 100% 100%, 90% 50%, 100% 0%);background: linear-gradient(to right, #c5a368 10%, #e4cfab 36%, #f3e5cc 72%, #e2b75c 98%);padding: 0px 1.5rem;display: inline-block;font-size: 1.8rem;text-indent: 0rem;line-height: 3rem;}
/*公職會計師+公職考*/
.senior li{color:#c92606;border-bottom:dotted 1px #da1202;}
.senior li strong{color:#d47313;}
.top-ten{text-align: center;}
.top-ten>li{color:#ae1202;padding:1% 0;}
.top-ten li{display:inline-block;font-size:2rem;}
.top-ten li:not(:last-of-type)::after{content:'．';}
.top-ten li strong{color:white;font-size:2.25rem;display:block;}
.shop-guide{margin:3% 0 0;text-align:center;}
.shop-guide a{background: linear-gradient(to right, #CFA049 0%, #D9AE5A 5%, #F6E3A9 30%, white 40%, #EFD685 50%, #D9AE5A 65%, white 75%, #CFA049 88%);color:#cb311c;font-size:2.0em;padding:.2em 1em;border-radius:5.5em;margin:0.5rem auto 2.0rem 1rem;display:inline-block;text-decoration:none;font-weight:bold;box-shadow:1px 4px 8px #00000070;}
/*雙證照在校/應屆生*/
.keeper-success{padding: 2rem 0;}
.exp_box{background: linear-gradient(-45deg,#F8F8F8,#E6E6EE,#DBDAE8,#F8F8F8);padding:1rem 2rem;width: 92.5%;margin: auto;height: 100%;align-items: center;}
.linear-peach{background: linear-gradient(-45deg,#F9F9F9,#EDE8E2,#E4D8CC,#F9F9F9);}
.name small{display: block;}
.exp_box .more a{display: inline-block;background: linear-gradient(to right,#5BDDE5,#034EAF);text-decoration: none;padding: 0.25rem 1rem;color: white;font-weight: bold;border-radius: 2rem;margin: auto 0.25rem;}
.linear-peach .more a{display: inline-block;background: linear-gradient(to right,#FF8E4C,#FF3432);}
.exp_cont .more a::after{content:'\f25a';font-family:"Font Awesome 6 Free";padding:0 0 0 .25rem;transform:rotate(-25deg);display:inline-block;}
.exp_box figure{text-align: center;font-size: 1.5rem;margin: auto;}
.exp_box figure img{border-radius: 50%;width: 190px;height: 190px;margin: auto;}
.exp_cont{width: calc(100% - 200px);padding:0 0 0 2rem;}
.license{font-size: 2rem;color: #545454;}
.license strong{color: #5BDDE5;}
.exp_cont .double strong{color: #034EAF;}
.linear-peach .license strong{color: #FF8E4C;}
.linear-peach .double strong{color: #FF3432;}
.exp_cont p{padding: 1rem 0;}
/*跨領域多重技能傍身*/
.cross_title strong{font-size: 4rem;display: block;}
.cross_title{font-size: 3rem;text-align: center;}
.merit .num{width: 2.0rem;height:2.0rem;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background-color: #cb311c;color: white;margin: auto 1rem auto 0.25rem;}
.merit {justify-content: center;}
.merit dl{text-align: center;margin: 1rem;}
.merit dl img{text-align: center;margin: 1rem auto;}
.merit dl dt{font-size: 1.5rem;}
.merit dl dt strong{display: block;font-size: 2rem;}
.merit dl dd{font-size: 1.7rem;}
.merit dl dd ul{text-align: left;width: fit-content;margin: auto;padding: 1rem 0;}
.merit dl dd ol li{display: inline-block;margin: auto 0.5rem;padding: 0.5rem 1.5rem;border-collapse: collapse;color: #cb311c;background: linear-gradient(to right, #ac7d4a 0%, #c9a774 20%, #f1dbb4 80%, #ac7d4a 100%);border-radius: 2.5rem;}
.merit dl dd:nth-last-child(1){font-size: 1.7rem;font-weight: bold;}
/*114會計師高點助力強試攻榜*/
.cpa_list{padding: 1rem 0 2rem;}
.cpa_list li{color: #fff8d9;border-bottom:dotted 1px #ffdf99;font-size:2rem;line-height:4rem;padding: 0 1rem;}
.happy{text-align: center;padding:2rem 0;}
.happy li{color:#feeda4;font-size:1.2em;}
.happy li a{color:#9d5406;display:inline-block;font-size:2rem;background:linear-gradient(to right, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);padding:0.5rem 1.5rem;border-radius:5rem;margin:1rem auto;font-weight:bold;}
.happy li a::before, .happy li a::after{content:'★';display:inline-block;}
.happy li a::before{padding-right:0.25rem;}
.happy li a::after{padding-left:0.25rem;}
/*高點會計師歷年輝煌成績*/
.once-time{width: fit-content;margin: auto;background: linear-gradient(to right, #ffffff00 0%,#ffe2a540 10%,#ffe2a540 90%, #ffffff00 100%);padding: 1.8rem 8rem;}
.once-time li{color:white;font-size:2.5rem;padding: 0.2rem 0;}
.occupy{color:#f1d496;}
/**/
.askclick{background:linear-gradient(to bottom, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);color:#a81202;}
.askclick:hover{background:linear-gradient(to bottom, #e5c979 0%, #fffade 30%, #fff8d3 60%, #e6ca7a 100%);color:#ff4e3c;}
aside.aside-wrap{background:linear-gradient(to right, #663e1a 0%, #ca721d 25%, #df8b29 75%, #5a3517 100%);position:fixed;width:100%;bottom:0;left:0;text-align:center;margin:0;}
.AD_text dd{margin:auto 2rem;}
.AD_text dd i{margin-right:0.5rem;font-size:1.5rem;display:inline-flex;flex-wrap:wrap;}
aside.aside-wrap a{color:white;font-size:1.25rem;}
aside.aside-wrap dl, aside.aside-wrap dl, aside.aside-wrap dl:hover{background:initial;}
.announce{bottom:calc(10% + 128px);top:auto;}
.askclick{bottom:auto;}
.controll{right:auto}
@media screen and (min-width:1536px){
  .top-ten{padding: 0 10%;}
}
@media screen and (min-width:1281px){
  .continuous li{text-indent:-17.25rem;padding-left:17.25rem;}
  .top-ten{padding: 0 5%;}
}
@media screen and (min-width:1024px){
}
@media screen and (max-width:1535px){   
  .youtube{width: 90%;margin: auto;}
  .keeper-success{width: 90%;margin: auto;}
}
@media screen and (max-width:1280px){ 
  .happy{padding:2rem 0 0;}
  .continuous li strong{display:block;}  
  .continuous li strong:not(.five){padding:0;}
  .pass{font-size:3.5rem;word-break:keep-all;overflow-wrap:anywhere;}
  .pass strong{font-size:3.5rem;}
}
@media screen and (max-width:1180px){
  .show-up{font-size:2rem;word-break:keep-all;overflow-wrap:anywhere;}
  .once-time li{font-size:2rem;}
  .top-ten li{font-size: 1.5rem;}    
  .cpa_list li{font-size: 1.5rem;}    
}
@media screen and (max-width:1023px){  
  .ribbon{font-size: 3rem;}
}
@media screen and (max-width:767px){ 
  .show-up,.show-up2,.show-up3 {font-size: 1.7rem;}
	.rank {font-size: 1.1rem;display: inline-block;padding: 0px 1.0rem;line-height: 2rem;}
  .continuous li{font-size:1.2rem;line-height:2.0rem;}
  .continuous li strong{font-size:1.2rem;line-height:2.0rem;}
  .cpa_list li{font-size:1.2rem;line-height:2.0;padding: 0 0.5rem;}
  .shop-guide span{display:block;}
  .shop-guide{text-align:center;}
  .shop-guide a{margin:0.5rem;font-size:1.2rem;}
  .happy li a{font-size:1.0em;}
  .AD_text{padding:0.25rem;}
  .AD_text dd{margin:auto 0.5rem;}
  aside.aside-wrap a{font-size:1rem;}
  aside.aside-wrap dd i{font-size:1rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){
  .top-ten li strong{font-size:1.4rem;}
  .top-ten li{font-size:1.2rem;}
  .ribbon,.ribbon2{font-size:2rem;font-size:2rem;word-break:keep-all;overflow-wrap:anywhere;text-align:center;padding:0 3rem;}
	.merit dl dd:nth-last-child(1) {font-size: 1.3rem;border-radius: 1.5rem;}
	.once-time {padding: 1.8rem 2rem;}
  .pass{font-size:2rem;}
  .pass strong{font-size:2rem;}
  .show-up{font-size:1.4rem;word-break:keep-all;overflow-wrap:anywhere}
  .exp_box{width: 100%;padding: 1rem;}
  .exp_cont{width: 100%;padding: 0}
  .license{font-size:1.2rem}
  .once-time li{font-size:1.4rem;text-align: center;}
	.occupy {display: block;}
  .cross_title{font-size:1.4rem;word-break:keep-all;overflow-wrap:anywhere;}
  .cross_title strong{font-size:2rem;}
  .merit dl dd{font-size:1.125rem}
  .merit dl dt strong{font-size:1.4rem;}
  .merit dl dt{font-size:1.2rem} 
}