@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

#cssmenu picture{display:none;}
.logo{background:none;height:auto;}
#Header{border-bottom:none;}
:root{
	--forest-green:#004e34;
	--coral-red:#cc4c4d;
	--turquoise:#02b2af;
	--apple-green:#55ae54;
	--mustard:#ae9842;
  --bronze: #ecc06c;
  --gold: #f6e3c0;
}
body{font-family:  "Noto Serif TC", serif;}
#event_sec, #event_third, #event_fifth, #event_sixth{padding:1rem;}
.analysis{padding:1rem 1rem 0;}
.bg-pink-purple{background:linear-gradient(to right,#f1d2d7,white,#dfd1e8);}
.bg-purple-pink{background:linear-gradient(to left,#f1d2d7,white,#dfd1e8);}
.bg-coral{background-color:var(--coral-red);}
.bg-green{background-color:var(--apple-green);}
.bg-turquoise{background-color:var(--turquoise);}
.border-top-coral{border-top:1px dashed rgb(204 76 77 / 50%);}
.cont{/*width: calc(36%);*/max-width: 432px;justify-content: flex-start;}
.slogan{display: flex;align-items: flex-end;gap: 1rem;font-size: clamp(1.3rem, 4vw, 2.3rem);}
.slogan .en{color: #b58d2d;}
.triple-action_container{color: var(--forest-green);font-size:clamp(1.25rem , 4vw , 1.8rem);margin:auto 0 auto 1rem;align-items:center;position:relative;}
.triple-action_container::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--forest-green);}
.triple-action_strong{color: var(--coral-red);font-size:clamp(2.3rem , 5vw , 4.7rem);margin:auto 1rem auto 0;padding-bottom: 1rem;line-height: 1.1;text-align: center;}
/*一書一測一課*/
.hero{padding: 0 0 1.5rem;font-weight:bold;justify-content:space-around;row-gap: 1rem;}
.hero h1{font-size: clamp(2.3rem, 6vw, 6.5rem);color: var(--forest-green);margin: auto 2rem auto 0;position: relative;z-index: 1;/*width: calc(60% - 2rem);*/max-width: calc(208px*3 + 3rem);line-height: 1.3;justify-content: center;}
.hero h1 div{width: 100%;margin: auto;justify-content: center;color: var(--coral-red);font-size: clamp(3.5rem, 6vw, 7.8rem);text-align: center;}
.hero h1 p{margin:auto 0.5rem;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;padding: 1rem 0;flex-direction: row;/*width: calc(100%/3);*/}
.hero h1 span{width:clamp(3rem, 6vw, 6.5rem);height:clamp(3rem, 5.5vw, 6.5rem);display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative;z-index:-1;}
.hero h1 p:nth-of-type(1) span{background-color:var(--coral-red);}
.hero h1 p:nth-of-type(2) span{background-color:var(--turquoise)}
.hero h1 p:nth-of-type(3) span{background-color:var(--apple-green)}
.triple-action{flex: 0 52%;margin:0;padding:0;font-size: clamp(1.25rem, 3vw, 2.5rem);}
.triple-action li{color:var(--forest-green);list-style-type:none;display:flex;flex-wrap:wrap;margin:auto 1rem auto 0;}
.triple-action span{width:clamp(1.1rem, 2vw, 1.5rem);height:clamp(1.1rem, 2vw, 1.5rem);border:1px solid;margin:auto 0.5rem auto 0;}
.triple-action span::before{content:'\2713';color:var(--coral-red);bottom:1rem;position:relative;}
.get-high{color:var(--mustard);font-size:2.5rem;}
.get-high strong{color:var(--coral-red);font-size:3.5rem;margin:auto 1rem auto 0;text-shadow:0.5px 0.5px 0px var(--coral-red), -0.5px -0.5px 0px var(--coral-red);}
.limit{color:var(--forest-green);font-size:clamp(1.8rem, 4vw, 2.8rem);letter-spacing:0.2rem;margin: auto;letter-spacing: 0.3rem;}
.limit span{color:var(--coral-red);font-size:1.25em;margin:auto 0.5rem auto 0;line-height:1;text-shadow:none;}
/*作題高分寶典*/
.com-title{font-size:3.25rem;font-weight:bold;color:var(--forest-green);}
.com-title small{margin:auto auto auto 1rem;}
.com-title .circle{width:4.25rem;height:4.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;margin:auto 1rem auto 0;}
.book-series>dl{width:calc(100%/2 - 1rem);margin:1rem auto auto;}
/*.book-series>dl>dt{font-size:1.75rem;font-family:"Times New Roman",Times,"PMingLiU","MingLiU",serif;text-align:center;font-weight:bold;color:var(--coral-red);}*/
.book-series ul li{list-style-type:none;font-size:1.25rem;}
.book-series>dl>dd:last-of-type a{color:white;background-color:var(--coral-red);display:inline-flex;padding:0.5rem 1.5rem;font-size:1.5rem;margin:1rem auto;border-radius:2rem;text-decoration:none;font-weight:bold;}
.book-series>dl>dd:last-of-type a::before{content:"\f518";font-weight:900;font-family:"Font Awesome 6 Free";margin:auto 0.5rem auto 0;}
.book-series>dl>dd:last-of-type{text-align:center;display:flex;flex-wrap:wrap;align-items:center;height:100%;}
.book-series .VueCarousel-navigation-button[data-v-453ad8cd]{font-size:1.5rem;color:var(--forest-green);}
.book-series .VueCarousel-navigation-next[data-v-453ad8cd]{right:2rem;}
.book-series .VueCarousel-navigation-prev[data-v-453ad8cd]{left:2rem;}
.group dt,.note-book{font-size:1.5rem;font-weight:bold;background-color:var(--coral-red);color:white;padding:0.125rem 2rem;border-left:1px dashed white;text-align:center;}
.group dd img{max-height:196px;width:auto;margin:1rem auto;}
.tool{height:100%;}
.tool dd{height:100%;}
.tool dd a{display:flex;align-items:center;height:100%;}
.tool dd img{width:auto;height:150px;margin:auto;}
/*增強試力方案*/
.only{background-color:var(--mustard);color:white;font-size:1.5rem;font-weight:bold;padding:0.125rem 1rem;width:fit-content;font-family:"Noto Sans TC", sans-serif;}
.irt dl{width:calc(100%/3 - 1rem);margin:0 auto;font-family:"Noto Sans TC", sans-serif;}
.irt dl dt,.irt dl dd:nth-of-type(2){font-size:1.5rem;margin:auto;text-align:center;background:linear-gradient(to left,var(--mustard),var(--turquoise));color: var(--gold);padding: .5rem 2rem;border-radius: .6rem .6rem 0 0;
}
.irt dl dd:nth-of-type(2){background: var(--bronze);color: black;border-radius: 0 0 .6rem .6rem;}
.irt dl dt strong{color: white;}
.irt img{/*border-radius: 1rem;border: solid 3px var(--coral-red);*/border: solid 3px var(--mustard);margin:auto;width:100%;}
.exp-cont{padding:2rem 0;font-family:"Noto Sans TC", sans-serif;}
.exp-cont h3{width:100%;font-size:2rem;color: var(--forest-green);font-weight:bold;margin:1rem auto .2rem;}
.exp-cont dl{width:calc(100%/2 - 1rem);font-size:1.5rem;margin:0 auto;}
.exp-cont dl dt{color: var(--mustard);font-weight:bold;}
.exp-cont dl dd{font-size:1.15rem;}
.exp-cont dl dd strong{color:var(--turquoise);}
.exp-cont dl a{color:var(--mustard);}
/*解析課知弱補強*/
.analysis .des{font-size:1.35rem;font-weight:bold;margin:1rem 0;font-family:"Noto Sans TC", sans-serif;}
.set{background-color:white;border-radius:2rem 2rem 0 0;padding:2rem 1rem;align-items:start;font-family:"Noto Sans TC", sans-serif;}
.set dl{width:fit-content;margin:0;padding:0 4rem;flex-direction:column;justify-content:center;}
.set-left{align-items:center;}
/* 左側：書 + 測 + 課 */
.set-combo{display: flex;align-items: center;justify-content: center;gap: 1rem;margin-bottom: 1rem;font-family: "Noto Serif TC", serif;}
.set-combo b{color: var(--mustard);}
.set .circle{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:clamp(1.3rem,3vw,2rem);color:var(--forest-green);font-weight:bold}
/* 左側優惠 */
.set-deal{display: grid;grid-template-columns: .75fr 1.25fr;padding: 0;}
.deal-item{text-align: center;padding: .25rem 2rem;}
.deal-item + .deal-item{border-left: 2px dashed rgb(from var(--coral-red) r g b / .4);}
.deal-item strong{display: block;font-size: 1.4rem;font-weight: 400;}
.deal-item p{margin: .25rem 0 0;font-size: 1.2rem;}
.deal-item a{color: inherit;}
/* 共用價格 */
.set .price{color: var(--coral-red);font-size: 1.8rem;font-weight: bold;}
/* 右側 */
.set-left dt,.set-right dt{align-items:center;justify-content:center;margin-bottom:1rem;font-size:2rem;color:var(--forest-green);font-weight:bold;font-family:"Noto Serif TC",serif}
.set-right{border-left:3px solid var(--coral-red);}
.set-right dt b{margin: 0 1rem;color: var(--mustard);}
.set-right dd{font-size: clamp(1rem, 2vw, 1.25rem);margin: 0;}
.set-right dd::before{content: '‧ ';}
@media screen and (min-width:1201px){	
	#cssmenu ul{display:none !important;}
	#event_master, #event_sec, #event_third, .analysis, #event_fifth, #event_sixth{width:1200px;margin:auto;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1023px){
	.irt dl dt strong{display:block;}
	.set{padding:1rem 0 2rem;}	
	.set dl{padding:1rem 2rem;}
	.set dl:first-of-type{border-bottom:3px solid var(--coral-red);border-right:0;}
	.set-right{border-left:0;}
}
@media screen and (max-width:767px){
	.set{padding:1rem 0rem 2rem;width: 100%;margin: auto;}	
	.set dl{width:100%;}
	.set-right dd{margin: 0;}
	.triple-action span::before{bottom: 0.5rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){
	.hero{flex-direction: column;}
	.hero h1{margin:auto;justify-content:center;width:100%;overflow: hidden;}
	.hero h1 span{width:3.75rem;height:3.75rem;left: initial;}
	.hero h1 p{width:auto;}
	.hero h1 p:is(:nth-of-type(1), :nth-of-type(2)){border-right:none;}
	.hero .cont{padding:0 1rem;justify-content:center;width:100%;}
	.triple-action{flex: 0 100%;justify-content:center;}
	.triple-action_container{justify-content:center;margin:.5rem auto 0;gap: 1rem;}
	.triple-action_strong br{display:none;}
	.limit{justify-content:center;}
	.get-high{font-size:2rem;}
	.get-high strong{font-size:2.5rem;display:block;}
	.book-series>dl{width:100%;}
	.com-title{font-size:2.25rem;}
	.com-title .circle{width:3.5rem;height:3.5rem;margin:auto .5rem auto 0;}
	.irt dl{width:100%;margin:auto auto 2rem;}
	.irt dl:last-of-type{margin: auto;}
	.irt dl dt strong{display:initial;}
	.set dl{padding:1rem 0;}	
	.exp-cont dl{width:100%;margin:1rem auto auto;}
	.footer-wrap a{word-break:break-all;}
}