@charset "utf-8";

#tu * {box-sizing: border-box}

#tu br.mo{display: none}
#tu h4 {font-family: "Google Sans Flex", sans-serif;text-align: center;font-weight: bold;display: flex;justify-content: center;align-items: center;margin-bottom: 2.25rem}
#tu h4 span {font-size:0.875rem;letter-spacing: 0.1em;border-bottom: 1px solid #fff;padding: 0.5rem 0;line-height: 1}
#tu .tu-online h4 span {border-bottom-color:#000}

/* S: tu-top */
.tu-top {font-family: "Noto Sans Thai", sans-serif;padding: 10.5rem 0;background: url('https://img.megastudyth.com/event/2025/lastchance/tu/con_img1.png')no-repeat center 0 / cover}
.tu-top img {width: 9.875rem}
.tu-top h3 {font-size: 3.75rem;color: #fff;line-height: 1.2;font-weight: 800;text-align: center}
.tu-top p {font-size: 1.25rem;margin-top: 1.5rem;font-weight: 800;text-align: center;line-height: 1.4;letter-spacing: -0.04em}
/* E: tu-top */

/* S: tu-fixed */
.tu-fixed {background: #222;color: #fff;font-family: "Noto Sans Thai", sans-serif;position: fixed;bottom: 0;left: 0;width: 100%;z-index: 1;padding: 0 15px}
.tu-fixed ul {display: flex;justify-content: center;align-items: center;max-width: 48.75rem;margin: 0 auto;gap: 1.5rem;padding: 1.56rem 0}
.tu-fixed ul li {flex: 1}
.tu-fixed ul li a {display: flex;font-size: 1rem;font-weight: bold;padding: 1.3rem 0;justify-content: center;align-items: center;background: #FF6E6E;border-radius: 3.75rem;line-height: 1.2}
.tu-fixed ul li + li a {background: #06C755}
/* E: tu-fixed */

/* S: tu-onsite */
.tu-onsite {background: #0D0E43;color: #fff;padding: 5rem 0;font-family: "Noto Sans Thai", sans-serif}
.tu-onsite__bnf {display: flex;gap: 0.75rem;max-width: 48.75rem;margin: 0 auto 2.25rem}
.tu-onsite__bnf li {position: relative;display: flex;flex-direction: column;align-items: flex-start;background: linear-gradient(
90deg, #484AFF 0%, #7400F0 100%);flex: 1;border-radius: 0.625rem;padding: 0.75rem 0 0.75rem 3.25rem}
.tu-onsite__bnf li i{position: absolute;top: 12px;left: 24px}
.tu-onsite__emp {display: flex;flex-direction: column;align-items: flex-start;font-size: 1.125rem;color: #F3FF82;font-weight: 800;gap: 3px;line-height: 1.5}
.tu-onsite__emp span {font-weight: bold;font-size: 0.75rem;color: #fff}
.tu-onsite__emp + p {font-size: 0.75rem}
.tu-onsite__sale {gap: 0.75rem;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;max-width: 48.75rem;margin: 0 auto}
.tu-onsite__sale li {padding: 1px;border-radius: 10px;background: linear-gradient(to right, #FBB1C0, #FF6E6E)}
.tu-onsite__sale li .inner {background: #222222;border-radius: 10px;padding: 1.5rem;display: flex;justify-content: space-between;align-items: center}
.tu-onsite__sale dl {display: flex;flex-direction: column;align-items: flex-start;gap: 0.375rem}
.tu-onsite__sale dl dt {font-size: 1.5rem;line-height: 1.2;font-weight: 800}
.tu-onsite__sale dl dd {line-height: 1.4;font-size: 0.875rem}
.tu-onsite__price {display: flex;flex-direction: column;align-items: flex-end;gap: 0.75rem}
.tu-onsite__price p {font-size: 2rem;font-weight: bold;line-height:1.4}
.tu-onsite__price a {background: #FF5068;font-size: 0.875rem;padding: 0.46rem 3.17rem;border-radius: 0.312rem}
/* E: tu-onsite */

/* S: tu-online */
.tu-online {background: linear-gradient(180deg, #FCDDE5 0%, #FDA3B7 100%);padding: 5rem 0;font-family: "Noto Sans Thai", sans-serif}
.tu-online__sale {background: #F43853;color: #fff;border-radius: 10px;padding: 2.25rem;display: flex;gap: 1.5rem;flex-direction: column;justify-content: center;max-width: 48.75rem;margin: 0 auto}
.tu-online__sale dt {display: flex;flex-direction: column;align-items: center;gap: 0.75rem}
.tu-online__sale dt u {background: linear-gradient(90deg, #EDC65C 0%, #F7FFAE 0%, #EDC65C 100%);color: #000;font-family: "Google Sans Flex", sans-serif;font-size: 0.937rem;text-decoration: none;font-weight: 700;padding: 0.375rem 1.5rem 0.30rem;box-shadow: 0 0 4px rgba(34, 34, 34, 0.4);line-height: 1}
.tu-online__sale dt strong {font-family: "Google Sans Flex", sans-serif;font-size: 3rem;font-weight: 800;line-height: 1.2}
.tu-online__sale dt span{font-size: 1rem;font-weight: bold}
.tu-online__sale dd {display: flex;flex-direction: column;align-items: center}
.tu-online__sale dd a {font-size: 1.25rem;background: #000;font-weight: 800;padding: 0.94rem 0;border-radius: 3.75rem;min-width: 360px;line-height: 1.2;box-shadow: 0 0 10px rgba(162, 0, 22, 1);text-align: center}
.tu-online__price {display: flex;justify-content: center;align-items: center;gap: 1rem;margin: 0 0 0.375rem}
.tu-online__price del {font-size: 1.25rem;font-weight: 600;line-height: 1.2;color: #222;opacity: 0.4}
.tu-online__price strong {font-size: 3rem;line-height: 1.4}
.tu-online__explain {margin-top: 1.5rem;background: #FF6E6E;padding: 0.75rem 1.375rem;width: 100%;display: flex;flex-direction: column;align-items: flex-start;border-radius: 10px;gap: 2px}
.tu-online__explain p {font-size: 0.875rem;line-height: 1.5;background: url('https://img.megastudyth.com/event/2025/lastchance/tu/con_img4.png')no-repeat 0px 4px / auto auto;padding: 0 0 0px 22px}
.tu-online__etc{font-size: 0.75rem;color: #666;line-height: 1.5;text-align: center;margin-top: 1.25rem}
/* E: tu-online */



@media (max-width:1280px) {

}

@media (max-width:992px) {

	/* S: tu-fixed */
	.tu-fixed ul li a {padding: 1.0rem 0}
	/* E: tu-fixed */

	/* S: tu-onsite */
	.tu-onsite__bnf{flex-direction: column}
	.tu-onsite__bnf li{padding-left: 2.8rem}
	.tu-onsite__bnf li i{left: 12px}
	.tu-onsite__price{gap: 0.312rem}
	/* E: tu-onsite */

}

@media (max-width:768px) {

	#tu br.mo {display: block}

	/* S: tu-fixed */
	.tu-fixed {bottom: 66px}
	.tu-fixed ul li a{padding: 0.85rem 0}
	/* E: tu-fixed */

	/* S: tu-top */
	.tu-top {padding: 5rem 0}
	.tu-top h3{font-size: 3.45rem}
	/* E: tu-top */

	/* S: tu-onsite */
	.tu-onsite__sale li .inner{flex-direction: column;display: flex;align-items: stretch;gap: 0.625rem}
	.tu-onsite__sale dl dt{font-size: 1.4rem}
	/* E: tu-onsite */

	/* S: tu-online */
	.tu-online__sale dd a {width: 100%;min-width: auto}
	/* E: tu-online */

}