.bg-blue {background-color: #51abd0bf;}
.bg-green {background: linear-gradient(to right, #efefef 0%, #ffffffba 50%, #efefef 100%);}

/* 抓住世界名校智點 */
.main_bg {}
.main_title {padding: 1rem;line-height: 4rem;font-size: 3.75rem;background-color: rgb(88 177 170 / 34%);color: #305a4d;border-radius: 0 0 25px 25px;width: fit-content;}

/* 台灣資工頂大命題 */
.subtitle {font-size: 4rem;font-weight: bold;line-height: 4.5rem;font-family: "Microsoft YaHei";color: #233b78;border-left: solid 10px;padding: 1% 3%;}
.canyou {color: #dd402c;font-size: 3.25rem;margin: 0.5rem auto 1rem;}
.stem figcaption {font-size: 1.8rem;background: linear-gradient(to right, #d4f3e2 0%, #51abd0 100%);padding: 0.4rem 1.0rem;color: #213976;margin: 1rem auto;}
.reference dt {color: #5E5E5E;font-size: 1.5rem;padding: 1rem;border-top: 1px dotted;}
.reference dt strong {font-style: italic;}
.reference dd {padding: 0 1rem;}
.foreign {font-size: 2rem;color: #233b78;padding: 1.0rem;font-weight: bold;}
.reference .solution {padding: 1rem;font-size: 2rem;color: #233b78;font-weight: bold;}
.solution a {background-color: #dd402c;color: white;padding: 0.3rem 2rem;border-radius: 1rem;margin: 1rem 1rem 2rem auto;display: inline-block;}
.num {background-color: #e2e1e1;width: 1.5rem;height: 1.5rem;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;margin: auto 0.25rem auto 1.5rem;font-size: 1rem;}
.num:first-of-type {margin: auto 0.25rem auto 0;}

/* 智能考題演算班 */
.subtitle2 .foil {color: #51abd0;font-size: 2.5rem;}
.subtitle2 {font-size: 3.5rem;font-weight: bold;line-height: 4.0rem;padding-top: 2%;text-align: center;color: #233b78;font-family: "Microsoft YaHei";}
.feature {justify-content: center;padding: 1rem 0 2rem;}
.feature li {padding: 1rem;border-radius: 1.5rem;color: white;margin: auto;font-size: 1.8rem;text-align: center;width: calc(100%/4 - 2rem);text-shadow: 3px 12px 16px #00000059;box-shadow: 3px 6px 12px #0000003d;}
.feature li:nth-child(1) {background: linear-gradient(to right, #203874 10%, #2864b9 100%);}
.feature li:nth-child(2) {background: linear-gradient(to right, #732f81 10%, #a257b1 100%);}
.feature li:nth-child(3) {background: linear-gradient(to right, #127055 10%, #33b18c 100%);}
.feature li:nth-child(4) {background: linear-gradient(to right, #a7371d 10%, #ef6151 100%);}
.price {margin: auto;}
.price th {background-color: #1f3774;color: white;}
.price td,.class td {background-color: #fff;}
.price th, .price td {border: 1px solid #8d9dc5;padding: 0.5rem;text-align: center;}
.class th {background: linear-gradient(to right, #d7d7d7 10%, #f1f1f1 80%);}
.class th, .class td {border: 1px solid #adadad;padding: 0.5rem;text-align: center;}
.tbwrap table {margin: 0 0rem 2%;font-size: 1.3rem;width: 100%;}
.date {font-size: 1.5rem;color: #233b78;padding: 2% 4%;border-top: solid 4px;background: linear-gradient(to right, #ffffff 0%, #ffffff70 100%);margin: 2% 0;}
.sale {color: #ef6151;font-weight: bold;font-family: "Microsoft YaHei";}

@media (min-width: 1281px){   
}

@media (max-width: 1280px){ 
    .feature li {width: calc(100%/2 - 1rem);margin: auto auto 0.5rem;}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {   
}

@media (max-width: 767px) { 
    .feature li {width: calc(100% - 1rem);}  
	.subtitle {font-size: 2rem;line-height: 2.5rem;border-left: solid 8px;}
	.canyou {font-size: 1.25rem;}
	.stem figcaption {font-size: 1.3rem;}
	.reference .solution {font-size: 1.3rem;}
	.subtitle2 {font-size: 2rem;line-height: 2.5rem;}
	.subtitle2 .foil {font-size: 1.5rem;}
	.feature li {padding: 0.5rem;font-size: 1.3rem;}
	.tbwrap table {font-size: 1.0rem;}

}