@charset "utf-8";


#alv * {box-sizing: border-box; font-family: 'Noto Sans Thai';}

.alv-top {padding: 7.5rem 1.25rem; text-align: center; background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_top_bg.png')no-repeat center center / cover;}
.alv-top h3 {font-size: 3.75rem; font-weight: 900; color: #fff;}
.alv-top h3 span {color: #F7FFAE; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);}
.alv-top p {font-size: 1.25rem; margin-top: 1.5rem; font-weight: 700;}

.alv-btn {position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; padding: 1.5rem 0; background: #222;}
.alv-btn ul {display: flex; gap: 1.5rem;}
.alv-btn ul li {flex: 1;}
.alv-btn ul li a,
.alv-btn ul li button {width: 100%; height: 3.75rem; color: #fff; border-radius: 4rem; display: flex; align-items: center; justify-content: center;}
.alv-btn ul li a {background: #06C755;}
.alv-btn ul li button {background: #FF6E6E;}

.alv-inner {max-width: calc(48.75rem + 2.5rem); width: 100%; margin-left: auto; margin-right: auto; padding: 0 1.25rem;}
.alv-label {width: 6.75rem; height: 2rem; border-radius: 2rem; color: #fff; font-size: 0.875rem; background: #826EFF; margin: 0 auto 1.5rem; display: flex; align-items: center; justify-content: center;}

.alv-on {padding: 5rem 0; background: linear-gradient(to bottom, #085B52 0%, #07403A 100%);}
.alv-on__best {font-size: 3.25rem; line-height: 1.0; letter-spacing: -0.05rem; font-weight: 900; text-align: center; -webkit-text-fill-color: transparent; background: linear-gradient(to bottom, #ADA2F2 0%, #fff 100%) text;}
.alv-on__box {margin-top: 2.25rem; position: relative; border-radius: 0.625rem; padding: 2.25rem;}
.alv-on__box::before {content: ""; position: absolute; inset: 0; padding: 2px; border-radius: inherit; background: linear-gradient(90deg, #826EFF, #F7FFAE); pointer-events: none; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.alv-on__title {color: #fff;}
.alv-on__title h4 {font-size: 1.5rem; font-weight: 800;}
.alv-on__title p {font-size: 0.875rem; font-weight: 300; margin-top: 0.5rem;}
.alv-on__list {margin-top: 1.5rem;}
.alv-on__list li {margin-bottom: 1rem; padding: 0.75rem 1.25rem; color: #fff; font-weight: 500; background: #826EFF; border-radius: 0.625rem; display: flex;}
.alv-on__list li:last-child {margin-bottom: 0;}
.alv-on__list li:first-child {background: #FF6E6E;}
.alv-on__list li:before {content: ''; display: block; width: 0.875rem; height: 0.875rem; flex-shrink: 0; margin-right: 0.5rem; margin-top: 0.125rem;}
.alv-on__list li:nth-child(1):before {background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_1.png')no-repeat center center / cover;}
.alv-on__list li:nth-child(2):before {background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_2.png')no-repeat center center / cover;}
.alv-on__list li:nth-child(3):before {background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_3.png')no-repeat center center / cover;}
.alv-on__list li:nth-child(4):before {background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_4.png')no-repeat center center / cover;}
.alv-on__cost {margin-top: 1rem;}
.alv-on__cost dt {display: flex; justify-content: center; align-items: center;}
.alv-on__cost dt span {font-size: 1.25rem; color: #999; text-decoration: line-through; margin-right: 1rem; font-weight: 600;}
.alv-on__cost dt strong {font-size: 3rem; color: #F7FFAE; font-weight: 700;}
.alv-on__cost dd {display: flex; justify-content: center; margin-top: 1rem;}
.alv-on__cost dd a {width: 100%; max-width: 22.5rem; height: 3.375rem; background: #F7FFAE; color: #07403A; font-weight: 800; font-size: 1.25rem; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}

.alv-off {padding: 5rem 0; background: #00221E;}
.alv-off__tab {display: flex; margin-top: 1.5rem; gap: 1.5rem;}
.alv-off__tab li {flex: 1;}
.alv-off__tab li button {width: 100%; height: 3.75rem; background: #999; color: #444; font-size: 1.25rem; font-weight: 700; border-radius: 0.625rem; display: flex; align-items: center; justify-content: center;}
.alv-off__tab li button.active {background: #ADA2F2; color: #fff;}
.alv-off__cont {margin-top: 2.25rem; display: none; position: relative; border-radius: 0.625rem; padding: 2.25rem; border: solid 2px #ADA2F2;}
.alv-off__title {font-size: 1.5rem; font-weight: 800; color: #fff; display: flex;}
.alv-off__title:before {content: ''; display: block; width: 1.5rem; height: 1.5rem; flex-shrink: 0; margin-right: 0.5rem; background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_title.png')no-repeat center center / cover;}
#tab2 .alv-off__title:before {background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_title2.png')no-repeat center center / cover;}

.alv-off__chk {background: #07403A; padding: 0.5rem 1.25rem; margin-top: 0.75rem; display: flex; align-items: center; justify-content: space-between;}
.alv-off__chk li {color: #fff; font-size: 0.75rem; font-weight: 300; display: flex;}
.alv-off__chk li:before {content: ''; display: block; width: 0.75rem; height: 0.75rem; flex-shrink: 0; margin-right: 0.5rem; background: url('https://img.megastudyth.com/event/2025/lastchance/alevel/alevel_list_chk.png')no-repeat center center / cover;}
.alv-off__scr {margin: -0.625rem; padding-top: 2.25rem;}
.alv-off__tb {border-collapse: separate; border-spacing: 0.625rem; table-layout: fixed;}
.alv-off__tb th {background: #4A4A4A; padding: 0.5rem; color: #fff; border-radius: 5px; font-size: 0.75rem; font-weight: 400;}
.alv-off__tb td {vertical-align: top;}
.alv-off__tb td.alv-off__dtl {background: #F5F5F5; padding: 0.625rem 0.75rem; border-radius: 5px; font-size: 0.875rem; font-weight: 600; position: relative;}
.alv-off__tb td.alv-off__dtl span {background: #88D8BD; font-size: 0.75rem; line-height: 1.0; padding: 0 0.5rem; height: 1.25rem; border-radius: 5px; position: absolute; left: 0.5rem; top: -0.625rem; display: flex; align-items: center; justify-content: center;}
.alv-off__tb td.alv-off__cost {padding: 0.25rem 0; text-align: right; font-size: 1.25rem; color: #ADA2F2; font-weight: 700; line-height: 1.0;}
.alv-off__tb td.alv-off__buy a {height: 2rem; background: #826EFF; color: #fff; font-size: 0.75rem; border-radius: 5px; display: flex; align-items: center; justify-content: center;}

@media (max-width:1280px) {
}

@media (max-width:992px) {

}

@media (max-width:768px) {
	.alv-top {padding: 5rem 0;}
	.alv-top h3 {font-size: 3.25rem;}
	.alv-top h3 span {display: block;}
	.alv-top p {font-size: 1.125rem;}
	.alv-btn {bottom: 66px; padding: 1rem 0;}
	.alv-btn ul {gap: 0.5rem;}
	.alv-btn ul li a,
	.alv-btn ul li button {height: 3rem;}

	.alv-on__title h4 {font-size: 1.75rem;}
	.alv-on__title p {font-size: 1rem;}
	.alv-on__cost dt {justify-content: space-between;}
	.alv-on__cost dt span {font-size: 1.5rem;}
	.alv-on__cost dd a {height: 4.25rem; font-size: 1.5rem;}

	.alv-off__tab {gap: 1rem;}
	.alv-off__tab li button {height: 3.5rem;}
	.alv-off__cont {padding: 0; border: none;}
	.alv-off__title {font-size: 1.75rem;}
	.alv-off__title:before {margin-top: 0.25rem;}
	.alv-off__chk {display: block; padding: 1rem;}
	.alv-off__chk li {font-size: 0.875rem; margin-bottom: 0.25rem;}
	.alv-off__chk li:last-child {margin-bottom: 0;}
	.alv-off__chk li:before {margin-top: 0.125rem;}
	.alv-off__scr {padding-left: 1.25rem; padding-right: 1.25rem; margin: -0.625rem -1.875rem; overflow-y: auto;}
	.alv-off__tb {width: 56rem;}

}

@media (max-width:320px) {

}