@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden
}

p {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}

.footertop {
	background-color: #319BFF;
	color: white;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	top: -20px;
}



.footer-globe img {
	position: absolute;
	right: 25%;
	max-height: 226px;
	opacity: 0.6;
	margin-top: 5px;
}

.footer-main {
	max-width: 745px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 1;
	height: 226px;
	top: 36px;
	box-sizing: border-box;
}

.footer-main ul {
	list-style: none;
	padding-left: 0px;
	height: 128px;
	margin-top: 20px;
	margin-bottom: 0;
}

.footer-main li {
	display: flex;
	align-items: center;
	padding: 10px 0;
}

.footer-main .footer-privacy {
	margin: 0px 0px 0px 51px;
	top: 2px;
}

.footer-main img {
	width: 40px;
	margin-right: 12px;
	flex-shrink: 0;

}

.footer-main .footer-privacy a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}

.footer-main .maintext {
	display: inline;
	position: absolute;
	font-weight: bold;
	margin-top: 0.5px;
	line-height: 1.3;
	margin-left: 50px;
}

.footerdown {
	background-color: #f2aa3e;
	color: #5a5a5a;
	padding: 20px 10px;
	font-size: 15px;
	text-align: center;
	line-height: 1.3;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
	top: -20px;
}

/*手機*/
@media screen and (max-width:430px) {
	.footertop {
		height: 75vw !important;
		clear: both;
		padding: 0vw;
		box-sizing: unset;
		overflow: hidden;

	}

	.footer-globe {
		position: relative;
		/* overflow: visible; */
		width: 100%;
	}



	.footer-globe img {
		position: absolute;
		left: 56vw;
		top: 27vw;
		max-height: 47vw;
		width: auto;
		/* 確保不會變形 */
	}

	.footer-main ul {
		top: 0vw;
	}

	.company {
		margin: 0vw 5vw;
	}

	.footer-main {
		top: 12.5vw;
		margin-left: 1vw;
	}

	.footer-main img {
		width: 9.5vw;
		flex-shrink: 0;
	}

	.footer-main .maintext {
		margin-left: 11.5vw;
	}

	.footer-main li {
		padding: 6vw 0;
	}

	.footer-main .footer-privacy {
		margin: 8vw 0 0 16.7vw;
	}

	.footerdown {
		padding: 5vw 4vw;
		font-size: 15px;
		box-sizing: unset;
	}


}




/* 筆電 / 小桌機 / 平板 */
@media (min-width: 768px) and (max-width: 1024px) {
	.footertop {
		height: 35vw !important;
		clear: both;
		padding: 0;
		box-sizing: unset;
		overflow: hidden;

	}

	.footer-globe {
		position: relative;
		overflow: visible;
		width: 100%;
	}

	.footer-globe img {
		left: 61vw;
		top: 9vw;
		max-height: 27vw;
		position: absolute;
		width: auto;

	}

	.company {
		margin: 0vw 5vw;
	}

	.footer-main {
		top: 4vw;
		left: 8vw;
	}

	.footer-main li {
		padding: 2vw 0;
	}

	.footer-main .footer-privacy {
		margin: 1.5vw 0 0 11.5vw;
	}

	.footerdown {
		padding: 3vw 4vw;
		font-size: 15px;
		box-sizing: unset;
	}


}


/* iPad Pro 橫向（12.9" 為代表）*/
@media (min-width:1024px) and (max-width: 1366px) {
	/* 這裡放平板橫向樣式，可視為接近桌機 */

	.footertop {
		height: 30vw !important;
		clear: both;
		padding: 0vw 0 0vw 0;
		box-sizing: unset;
		overflow: hidden;

	}


	.footer-globe {
		position: relative;
		/* overflow: visible; */
		width: 100%;
	}

	.footer-globe img {
		left: 60vw;
		top: 6vw;
		max-height: 47vw;
		position: absolute;
		width: auto;
	}

	.footer-main ul {
		top: 7vw;
	}

	.company {
		margin: 0vw 5vw;
	}

	.footer-main {
		top: -2vw;
		margin-left: 3vw;
		font-size: 1.3em;
	}

	.footer-main li {
		padding: 2vw 0;
	}

	.footer-main .footer-privacy {
		margin: 10vw 0 0 9.7vw;
	}

	.footerdown {
		padding: 2vw 4vw;
		font-size: 15px;
		box-sizing: unset;
		font-size: 1em;
	}


}