:root{
--navy-dark:#03233a;
--brick-red:#bd351d;
--apple-green:#86bc28;
--sky-blue:#439cd6;
--coral-pink:#ea5976;
--yellow:#f0cb46;
--tangerine:#f39905;
}
.bg1{background:url(../images/1507020_bg.png) no-repeat center top,linear-gradient(to bottom, rgb(24 156 205 / 50%),rgb(24 156 205 / 20%), white, rgb(149 200 73 / 20%));}
.bg-blue-green{background:linear-gradient(to bottom, rgb(24 156 205 / 50%),rgb(24 156 205 / 20%), white, rgb(149 200 73 / 20%));}
.bg-orange-purple{background:linear-gradient(110deg, #e15a44 30%, #800080 100%);}
.bg-green-white{background:linear-gradient(to bottom, rgb(255 255 255), rgb(149 200 73 / 20%), white)}
.bg-blue-white{background:linear-gradient(to bottom, rgb(255 255 255), rgb(144 203 225 / 50%), white)}
.bg-pink-white{background:linear-gradient(to bottom, rgb(255 255 255), rgb(248 212 224 / 50%), white)}

/* 選定致勝攻略 */
.banner{font-family:"PMingLiU", "TW-Sung", "BiauKai", serif;font-weight:bold;padding:3rem 0;position:relative;}
.hill{background:url(../images/1507020_hill.png) no-repeat right top fixed;background-position-x:115%;}
.banner_logo {margin-left:-10%;}
.banner_logo img{max-height:75px;width:auto;margin:auto 0.5rem auto 0;}
.banner_des{color:var(--navy-dark);font-size:2.6rem;font-family:'Noto Serif TC', serif;}
.banner_des b{background-color:#f39905;color:white;margin:auto 0.5rem;padding:0.1rem 0.75rem;border-radius:1rem;display:inline-block;font-weight:900;}
.banner_title{font-size:6rem;line-height:7rem;text-align:left;margin:1rem auto auto;display:inline-block;transform:skewX(-7deg);color:var(--navy-dark);font-weight:900;font-family:'Noto Serif TC', serif;}
.banner_title span{color:var(--brick-red);text-shadow:0.5px 0.5px 0px var(--brick-red), -0.5px -0.5px 0px var(--brick-red);display:inline-flex;}
.node{position:absolute;right:2rem;bottom:-5rem;width:100px;height:100%;z-index:1;}
.node::after{content:'';position:absolute;top:0;right:11.5rem;width:2px;height:85%;background:linear-gradient(to bottom,#fff 50%,transparent 50%);background-size:100% 5px;transform:translateX(0%) rotate(-20deg);transform-origin:top center;z-index:-1;}
.node li a{display:block;}
.node li a:hover{transform:scale(1.1);}
.node li:nth-of-type(1){order:5;}
.node li:nth-of-type(2){order:4;}
.node li:nth-of-type(3){order:3;}
.node li:nth-of-type(4){order:2;}
.node li:nth-of-type(5){order:1;}
.node .hexagon{font-size:1.15rem;line-height:1.25rem;width:4.75rem;height:5rem;}
.node li:nth-of-type(1) .hexagon{}
.node li:nth-of-type(2) .hexagon{background-color:var(--apple-green);right:1rem;}
.node li:nth-of-type(3) .hexagon{background-color:var(--sky-blue);right:3rem;}
.node li:nth-of-type(4) .hexagon{background-color:var(--coral-pink);right:5rem;}
.node li:nth-of-type(5) .hexagon{background-color:var(--yellow);right:8rem;width:6.75rem;height:7rem;}
.node li:nth-of-type(5) .hexagon img{width:60%;height:auto;}
.target-fix{position:relative;top:-3rem;display:block;visibility:hidden;}
.node.is-fixed{position:fixed;right:0;top:5rem;bottom:auto;height:auto;justify-content:flex-end;}
.node.is-fixed::after{transform:translateX(0%) rotate(0deg);right:2.25rem;height:80%;}
.node.is-fixed li{margin-bottom:0.5rem;}
.node.is-fixed li .hexagon{right:0;width:4.75rem;height:5rem;}
/*及格越多，成績變現越大！*/
.hexagon{clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);background-color:var(--brick-red);width:6.3rem;height:6.8rem;display:inline-flex;color:white;align-items:center;justify-content:center;text-align:center;font-size:2rem;line-height:2rem;position:relative;top:-3rem;font-weight:900;font-family:'Noto Serif TC', serif;flex-direction:column;}
.hexagon b{font-style:italic;display:block;font-size:2.5rem;}
.com-title{font-size:2.25rem;line-height:3rem;font-family:"PMingLiU","TW-Sung","BiauKai",serif;font-weight:bold;width:fit-content;margin:auto;border-top:4px dotted rgb(189 53 29 / 50%);}
.com-title .des{border-bottom:4px dotted rgb(189 53 29 / 50%);padding:1rem;font-family:'Noto Serif TC', serif;}
.com-title .des strong{color:var(--brick-red);display:block;font-size:3.2rem;/*text-shadow:0.5px 0.5px 0px var(--brick-red), -0.5px -0.5px 0px var(--brick-red)*/;font-family:'Noto Serif TC', serif;margin-bottom:0.7rem;}
.limit-date{text-align:center;margin:1.5rem auto 1rem;}
.limit-date dt{font-size:2.5rem;color:var(--brick-red);font-weight:bold;}
.limit-date dd{font-size:1.7rem;}
.price-box{border-radius:2rem;background:linear-gradient(to bottom, #cd311b 0%, #b62715 45%, #851508 100%);width:fit-content;margin:auto;display:flex;flex-wrap:wrap;padding:1rem;}
.price-box dl{padding:0.5rem 3rem;text-align:center;font-size:1.5rem;line-height:2.5rem;}
.price-box dl:not(:last-of-type){border-right:2px dotted rgb(255 255 255 / 50%);}
.price-box dl dt{color:#ffe507;font-size:1.7rem;}
.price-box dl dd{color:white;}
.price-box dl dd b{color:#ffe507;padding:0 0.25rem;font-size:2.3rem;font-family:'Noto Serif TC', serif;}
.double{counter-reset:item-counter;width:fit-content;margin:2rem auto;}
.double dt{font-size:1.9rem;font-weight:bold;margin:auto auto 0.5rem;font-family:'Noto Serif TC', serif;}
.double dd{font-size:1.45rem;counter-increment:item-counter;text-align:left;}
.double dd::before{content:counter(item-counter);display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:black;color:white;margin:auto 0.25rem auto 0;}
.exp{padding:1rem 0;width:85%;margin:auto;}
.exp .title{font-size:2rem;text-align:center;background:linear-gradient(to right, #ffd7a9 10%, #ffffff 50%, #ffd7a9 100%);font-family:'Noto Serif TC', serif;font-weight:900;border-radius:1rem;padding:0.3rem;color:#bd351d;border-bottom:solid 4px;}
.exp .title .f1{color:#f36c05;}
.exp .title .f2{color:#86bc28;}
.exp .title .f3{color:#439cd6;}
.exp .cont{padding:1rem 3rem;background:linear-gradient(105deg, #fffbf1 80%, #feeed4 100%);border-radius:1rem;}
.exp .cont .name{font-size:1.25rem;font-weight:700;color:#e48348;border-bottom:dotted 1px;padding-bottom:0.3rem;margin-bottom:0.3rem;}
.exp .cont .name strong{display:block;padding:.3rem 2.4rem;color:#FFF;background:#a61e34;font-weight:900;line-height:1.5;text-align:center;clip-path:polygon(0% 0%, 93% 0%, 100% 50%, 93% 100%, 0% 100%);width:fit-content;border-left:solid 5px #f4c56b;font-size:1.05rem;margin-bottom:0.3rem;}
.exp .cont p{font-size:1.125rem;}
button i{color:#a61e34;}
/*雙科聰明學習包*/
.package .hexagon{background-color:var(--apple-green)}
.package .com-title{border-top:4px dotted rgb(134 188 40 / 50%);}
.package .com-title strong{color:var(--apple-green);/*text-shadow:0.5px 0.5px 0px var(--apple-green), -0.5px -0.5px 0px var(--apple-green);*/}
.package .com-title .des{border-bottom:4px dotted rgb(134 188 40 / 50%)}
.package .price-box{background:linear-gradient(to bottom, #93bb26 0%, #89b925 45%, #398322 100%);}
.package .price-box dl{width:100%}
.package .price-box dl dt{letter-spacing:2px;}
.package .limit-date dt{color:var(--apple-green);}
.package .double dd span{background:linear-gradient(to left, #93bb26 0%, #89b925 45%, #398322 100%);display:inline-block;border-radius:0.5rem;padding:0 0.5rem;color:white;    margin:auto auto auto 0.25rem;}
/*一書一測一課*/
.week .limit-date dt{color:var(--sky-blue)}
.week .hexagon{background-color:var(--sky-blue);top:-3.75rem;}
.week .com-title{border-top:4px dotted rgb(67 156 214 / 50%);}
.week .com-title strong{color:var(--sky-blue);/*text-shadow:0.5px 0.5px 0px var(--sky-blue), -0.5px -0.5px 0px var(--sky-blue);*/}
.week .com-title strong span{background-color:#439cd6;border-radius:50%;width:4.5rem;height:4.5rem;margin:0 .25rem;text-align:center;display:inline-flex;color:white;align-items:center;justify-content:center;padding:.5rem;}
.week .com-title .des{border-bottom:4px dotted rgb(67 156 214 / 50%);}
.week .price-box{background:linear-gradient(to bottom, #389fda 0%, #369ad5 45%, #235f84 100%);}
.week .limit-date{color:#f39905;font-size:2rem;font-weight:bold;}
.week .limit-date b{background-color:#f39905;color:white;font-size:2rem;font-weight:bold;}
.irt-box{padding:2rem 0 0;}
/*會計師系列好課*/
.series .limit-date dt{color:var(--coral-pink)}
.series .hexagon{background-color:var(--coral-pink)}
.series .com-title{border-top:4px dotted rgb(234 89 118 / 50%);}
.series .com-title strong{color:var(--coral-pink);/*text-shadow:0.5px 0.5px 0px var(--coral-pink), -0.5px -0.5px 0px var(--coral-pink);*/}
.series .com-title .des{border-bottom:4px dotted rgb(234 89 118 / 50%);}
.series .price-box{background:linear-gradient(to bottom, #ee5573 0%, #db4f6a 45%, #b02e52 100%);margin:auto auto 0.5rem;}
.series .price-box dd{text-align:left;font-size:1.35rem;}
.series .price-box .way{background-color:rgb(255 255 255 / 70%);border:1px solid white;border-radius:2rem;padding:0.15rem 0.75rem;color:black;margin-right:0.5rem;font-size:1.25rem;}
.cpa-plan dl{width:calc(100% / 3 - 1rem);margin:0 auto 1rem;padding:1.0rem 1rem;border:dotted 2px;color:#ea5976;border-radius:1.5rem;background:linear-gradient(180deg, #ffffff 60%, #ffffff00 100%);}
.cpa-plan dl dt{font-size:1.5rem;font-weight:bold;margin:auto auto 0.5rem;}
.cpa-plan dl dd{font-size:1.25rem;padding:0.25rem 0;color:black;}
.cpa-plan dl dd b{color:var(--tangerine);padding:0 .25rem;font-size:1.35rem;line-height:0;}
.cpa-plan .way{background-color:rgb(243 153 5 / 10%);border:1px solid rgb(243 153 5 / 20%);padding:0.125rem 0.75rem;border-radius:2rem;display:inline-flex;margin:0 0.5rem auto 0;color:#ea5976;}
.incubator{}
.inquiry{font-size:1.1rem;text-align:center;padding:1rem 1rem 0;}
@media screen and (max-width:1750px){ 
    .hill{background-position-x:140%;}
}	
@media screen and (max-width:1535px){   
    .hill{background-position-x:150%;}
    .banner{max-width:100%;padding:6% 4%;}  
    .banner_des{font-size:2.5rem;}
    .banner_logo img{max-height:50px;}
    .node.is-fixed li .hexagon{width:3.5rem;height:4rem;font-size:1rem;line-height:1.25rem;}
    .node.is-fixed li:nth-of-type(5) .hexagon{font-size:2rem;}
    .node.is-fixed::after{right:1.75rem;}
    .cpa-plan dl{width:calc(100%/2 - 1rem);}
}
@media screen and (max-width:1350px){ 
    .hill{background-position-x:200%;background-size:63%;}
}
@media screen and (max-width:1179px){
    .node{position:fixed;right:0;top:10rem;bottom:auto;height:auto;}
    .node.is-fixed{top:10rem;}
    .node::after{transform:translateX(0%) rotate(0deg);right:4.5rem;height:80%;}
    .node li{margin-bottom:0.5rem;}
    .banner .node li .hexagon{right:0;width:3.5rem;height:4rem;font-size:1rem;line-height:1.25rem;}
    .banner .node li:nth-of-type(5) .hexagon{font-size:2rem;}
}
@media screen and (max-width:1023px){   
    .banner_des span{display:block;}
    .price-box dl{padding:1rem;}
    .banner_title{font-size:4rem;line-height:5rem;}
    .cpa-plan .way{display:block;width:fit-content}
    .cpa-plan ul{width:100%}
    .com-title{font-size:1.75rem;line-height:2rem;}
    .com-title .des strong{font-size:2.75rem;line-height:3rem;}
}
@media screen and (max-width:767px){
    .hill{/*background-position-x:-78%;*/background-image:none;}
    .banner_des{font-size:1.5rem;}
    .hexagon{width:4.3rem;height:4.8rem;font-size:1.5rem;line-height:1.5rem;}
    .hexagon b{font-size:1.5rem;}
    .series .price-box dt{margin:auto auto 1rem;}
    .incubator dt{margin:auto;}
    .com-title{font-size:1.5rem;line-height:1.75rem;}
    .com-title .des strong{font-size:2rem;line-height:2.5rem;margin:auto auto .5rem;text-align:center;}
    .askclick{bottom:calc(2.5% + 50px);}
}
@media screen and (max-width:767px) and (orientation:portrait){
	.banner_logo {margin-left:10%;}
    .banner_des{word-break:keep-all;overflow-wrap:anywhere;padding-right:10%;}  
    .banner_des span{display:block;}
    .banner_logo img{margin:auto;}
    .banner_title{font-size:2.5rem;line-height:3rem}
	.limit-date dt span{display:block;}
	.limit-date dt {font-size:1.7rem;}
    .limit-date dd{font-size:1.25rem;}
	.double {text-align:center;}
    .double dd{font-size:1.25rem;}
    .exp{width:100%;}
    section .VueCarousel-navigation-next[data-v-453ad8cd]{right:1rem;}
    section .VueCarousel-navigation-prev[data-v-453ad8cd]{left:1rem;}
	.exp .title {font-size:1.6rem;}
	.exp .cont {padding:1rem 1.5rem;}
	.week .com-title strong span {width:3.2rem;height:3.2rem;line-height:2.0rem;}
    .com-title .des{margin-top:-4rem;width:100%;}
    .com-title .sm\:block{display:block;}
    .week .com-title .des{margin-top:-5rem;}
    .price-box{justify-content:center;}
    .price-box dl:not(:last-of-type){border-right:0;border-bottom:2px dotted rgb(255 255 255 / 50%)}
    .week .price-box dl{padding:1rem 2rem;}
    .price-box dl dt .sm\:block{display:block;}
    .cpa-plan dl{width:100%;}
    .node{justify-content:flex-end;}
    .node::after{right:1.75rem}
}