@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
html{ height:100%; width:100%; margin:0; padding:0;}
body { font-family: "Noto Sans TC", "微軟正黑體", "新細明體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; margin:0; padding:0; width:100%;}
html, body, div, span, h1, a, ul, li,
dl, dt, dd, ol{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-weight: normal;
	text-decoration: none;
}
a{
	color: #000;
	}
:root {
    --letterSpacing20: .02em;
    --letterSpacing30: .03em;
    --letterSpacing40: .04em;
    --letterSpacing50: .05em;
    --letterSpacing100: .1em;
    --letterSpacing150: .15em;
    --letterSpacing200: .2em;
    --letterSpacing300: .3em;
}
/*------------------------------------------------------------
	電腦首頁
------------------------------------------------------------*/
#container {
	padding-top: 0;
	width: 1280px;
	margin: 0 auto;
}

#gHeader {
	width: 100%;
	position: relative;
	z-index: 1000;
	transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity:0;
	left: 0;
	top: 0;
}


#main {
	width: 1280px;
	min-width: 1024px;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

#gFooter {
	width: 100%;
	min-width: 1024px;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	bottom: 0;
	z-index: 100;
	clear: both;
}

.jsAnimate {
	top: 0 !important;
	opacity:1 !important;
}

.animate {
	transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	-moz-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	transform:translate(0,-20px) !important;
	-moz-transform:translate(0,-20px) !important;
	-webkit-transform:translate(0,-20px) !important;
	opacity:0 !important;
}

.chkbox{
	width: 18px;
	height: 18px;
}
.chkradio{
	width: 18px;
	height: 18px;
}

.line1{
	display: inline-block;
}
.line2{
	display: block;
}

input[type="checkbox"] {
      transform: scale(1.5); /* 放大 1.5 倍 */
      margin-right: 10px;
}
/* 定義閃爍動畫 */
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}