@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap');
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans TC', '微軟正黑體', 'Helvetica', 'Arial', sans-serif !important;
}

* { box-sizing: border-box;}

body { background-color: #37124a;}

img {
	display: block;
	max-width:100%;
}

.container {
	width: 100%;
	margin: 0 auto;
}

footer {
	width: 100%;
	margin: 0 auto;
	background-color: #37124a;
}

.footer, .footer_m {
	width: 100%;
	max-width: 1000px;
	padding: 25px 0;
	margin: 0 auto;
}

.footer_m { display: none;}

.fbox {
	display: flex;
	flex-direction: row;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 25px;
}

.logobox, .iconbox {
	display: flex;
	flex-direction: row;
    align-items: center;
}

.crtxt1 {
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	color: #fff;
}

.crtxt2 { line-height: 12px;}

.gflogo { margin-right: 25px;}

.cyoulogo { margin-right: 50px;}

.pcicon { margin-right: 25px;}

@media screen and (max-width:1024px) {
	.footer { padding: 25px;}
}

@media screen and (max-width:960px) {
	.footer { display: none;}

	.footer_m {
		display: block;
		padding: 25px;
	}

	.fbox {
		flex-direction: column;
		justify-content: normal;
	}

	.cyoulogo { margin-right: 0;}

	.crtxt1 { margin-top: 25px;}

	.iconbox {
		margin-top: 25px;
		justify-content: center;
	}
}