/*--------------------------------------------------------------
# Import
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Cactus+Classical+Serif&family=Chocolate+Classical+Sans&family=Kalam:wght@300;400;700&family=LXGW+WenKai+TC&family=Noto+Color+Emoji&family=Noto+Emoji:wght@300..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Noto+Serif+SC:wght@200..900&family=Noto+Serif+TC:wght@200..900&family=Yuji+Boku&display=swap');

/*--------------------------------------------------------------
# Font Class
--------------------------------------------------------------*/
body {
	font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif !important;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.ft-kalam {
	font-family: "Kalam", "Noto Color Emoji", "Noto Emoji", cursive;
	font-weight: 400;
	font-style: normal;
}

.ft-monoemoji {
	font-family: "Noto Emoji", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.ft-emoji {
	font-family: "Noto Color Emoji", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.ft-cactus {
	font-family: "Cactus Classical Serif", "Noto Color Emoji", "Noto Emoji", serif;
	font-weight: 400;
	font-style: normal;
}

.ft-wenkai {
	font-family: "LXGW WenKai TC", "Noto Color Emoji", "Noto Emoji", cursive;
	font-weight: 400;
	font-style: normal;
}

.ft-chocolate {
	font-family: "Chocolate Classical Sans", "Noto Color Emoji", "Noto Emoji", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.ft-serif {
	font-family: "Noto Serif TC", "Noto Serif SC","Noto Serif JP", "Noto Color Emoji", "Noto Emoji",serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.ft-sans {
	font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.ft-yuji-boku {
	font-family: "Yuji Boku", serif;
	font-weight: 400;
	font-style: normal;
}

@media (min-width:576px) {
	.ft-sm-kalam {
		font-family: "Kalam", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-monoemoji {
		font-family: "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-emoji {
		font-family: "Noto Color Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-cactus {
		font-family: "Cactus Classical Serif", "Noto Color Emoji", "Noto Emoji", serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-wenkai {
		font-family: "LXGW WenKai TC", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-chocolate {
		font-family: "Chocolate Classical Sans", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-serif {
		font-family: "Noto Serif TC", "Noto Serif SC","Noto Serif JP", "Noto Color Emoji", "Noto Emoji",serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-sm-sans {
		font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}
}

@media (min-width:768px) {
	.ft-md-kalam {
		font-family: "Kalam", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-monoemoji {
		font-family: "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-emoji {
		font-family: "Noto Color Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-cactus {
		font-family: "Cactus Classical Serif", "Noto Color Emoji", "Noto Emoji", serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-wenkai {
		font-family: "LXGW WenKai TC", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-chocolate {
		font-family: "Chocolate Classical Sans", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-serif {
		font-family: "Noto Serif TC", "Noto Serif SC","Noto Serif JP", "Noto Color Emoji", "Noto Emoji",serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-md-sans {
		font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}
}

@media (min-width:992px) {
	.ft-lg-kalam {
		font-family: "Kalam", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-monoemoji {
		font-family: "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-emoji {
		font-family: "Noto Color Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-cactus {
		font-family: "Cactus Classical Serif", "Noto Color Emoji", "Noto Emoji", serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-wenkai {
		font-family: "LXGW WenKai TC", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-chocolate {
		font-family: "Chocolate Classical Sans", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-serif {
		font-family: "Noto Serif TC", "Noto Serif SC","Noto Serif JP", "Noto Color Emoji", "Noto Emoji",serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-lg-sans {
		font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}
}

@media (min-width:1200px) {
	.ft-xl-kalam {
		font-family: "Kalam", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-monoemoji {
		font-family: "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-emoji {
		font-family: "Noto Color Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-cactus {
		font-family: "Cactus Classical Serif", "Noto Color Emoji", "Noto Emoji", serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-wenkai {
		font-family: "LXGW WenKai TC", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-chocolate {
		font-family: "Chocolate Classical Sans", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-serif {
		font-family: "Noto Serif TC", "Noto Serif SC","Noto Serif JP", "Noto Color Emoji", "Noto Emoji",serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xl-sans {
		font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}
}

@media (min-width:1400px) {
	.ft-xxl-kalam {
		font-family: "Kalam", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-monoemoji {
		font-family: "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-emoji {
		font-family: "Noto Color Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-cactus {
		font-family: "Cactus Classical Serif", "Noto Color Emoji", "Noto Emoji", serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-wenkai {
		font-family: "LXGW WenKai TC", "Noto Color Emoji", "Noto Emoji", cursive;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-chocolate {
		font-family: "Chocolate Classical Sans", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-serif {
		font-family: "Noto Serif TC", "Noto Serif SC","Noto Serif JP", "Noto Color Emoji", "Noto Emoji",serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}

	.ft-xxl-sans {
		font-family: "Noto Sans TC","Noto Sans SC","Noto Sans JP", "Noto Color Emoji", "Noto Emoji", sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
	}
}