/********************************* Common *********************************/
@charset "utf-8";

/* 顯示 & 隱藏 */
.hide-in-pc {display:block;}
.hide-in-phone {display:none;}
.hide-in-befor {display:none; font-size: 80px; font-weight: bold; padding-top: 80px;}
.hide-in-after {display:block;}

/* Row
--------------------------------------------------------------------------------------------------------------- */


	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0;
			margin-left: 0em;
		}

			.row.gtr-0 > * {
				padding: 0 0 0 0em;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0em;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0em;
				}

		.row.gtr-25 {
			margin-top: 0;
			margin-left: -0.375em;
		}

			.row.gtr-25 > * {
				padding: 0 0 0 0.375em;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -0.375em;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 0.375em;
				}

		.row.gtr-50 {
			margin-top: 0;
			margin-left: -0.75em;
		}

			.row.gtr-50 > * {
				padding: 0 0 0 0.75em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -0.75em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 0.75em;
				}

		.row {
			margin-top: 0;
			margin-left: 0;
		}

			.row > * {
				padding: 0;
			}

			.row.gtr-uniform {
				margin-top: -1em;
			}

				.row.gtr-uniform > * {
					padding-top: 1.5em;
				}

		.row.gtr-150 {
			margin-top: 0;
			margin-left: -2.25em;
		}

			.row.gtr-150 > * {
				padding: 0 0 0 2.25em;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -2.25em;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 2.25em;
				}

		.row.gtr-200 {
			margin-top: 0;
			margin-left: -3em;
		}

			.row.gtr-200 > * {
				padding: 0 0 0 3em;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -3em;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 3em;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: /*-1.5em*/0;
				}

					.row > * {
						padding: /*0 0 0 1.5em*/0;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: /*-1.5em*/0;
				}

					.row > * {
						padding: /*0 0 0 1.5em*/ 0;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.25em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.25em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.25em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.25em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.5em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.5em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.5em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.5em;
						}

				.row {
					margin-top: 0;
					margin-left: -1em;
				}

					.row > * {
						padding: 0 0 0 1em;
					}

					.row.gtr-uniform {
						margin-top: -1em;
					}

						.row.gtr-uniform > * {
							padding-top: 1em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -2em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 2em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2em;
						}

		}

		@media screen and (max-width: 480px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xsmall {
					order: -1;
				}

				.row > .col-1-xsmall {
					width: 8.33333%;
				}

				.row > .off-1-xsmall {
					margin-left: 8.33333%;
				}

				.row > .col-2-xsmall {
					width: 16.66667%;
				}

				.row > .off-2-xsmall {
					margin-left: 16.66667%;
				}

				.row > .col-3-xsmall {
					width: 25%;
				}

				.row > .off-3-xsmall {
					margin-left: 25%;
				}

				.row > .col-4-xsmall {
					width: 33.33333%;
				}

				.row > .off-4-xsmall {
					margin-left: 33.33333%;
				}

				.row > .col-5-xsmall {
					width: 41.66667%;
				}

				.row > .off-5-xsmall {
					margin-left: 41.66667%;
				}

				.row > .col-6-xsmall {
					width: 50%;
				}

				.row > .off-6-xsmall {
					margin-left: 50%;
				}

				.row > .col-7-xsmall {
					width: 58.33333%;
				}

				.row > .off-7-xsmall {
					margin-left: 58.33333%;
				}

				.row > .col-8-xsmall {
					width: 66.66667%;
				}

				.row > .off-8-xsmall {
					margin-left: 66.66667%;
				}

				.row > .col-9-xsmall {
					width: 75%;
				}

				.row > .off-9-xsmall {
					margin-left: 75%;
				}

				.row > .col-10-xsmall {
					width: 83.33333%;
				}

				.row > .off-10-xsmall {
					margin-left: 83.33333%;
				}

				.row > .col-11-xsmall {
					width: 91.66667%;
				}

				.row > .off-11-xsmall {
					margin-left: 91.66667%;
				}

				.row > .col-12-xsmall {
					width: 100%;
				}

				.row > .off-12-xsmall {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.3125em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.3125em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.3125em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.3125em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.625em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.625em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.625em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.625em;
						}

				.row {
					margin-top: 0;
					margin-left: /*-1.25em*/0;
				}

					.row > * {
						padding: /*0 0 0 1.25em*/ 0;
					}

					.row.gtr-uniform {
						margin-top: -1.25em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.25em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -1.875em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 1.875em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -1.875em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 1.875em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -2.5em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 2.5em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -2.5em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 2.5em;
						}

		}


/* ------------------------------------------------------------------------------------------------------------ */

.btn_upload {background: #000; color: #fff; padding: 5px 15px; margin: 5px 0; border-radius: 10px;}
/* 2022-12-06 Randy: fixed for validate/toolstip error message position */
.upload {/*display: none !important;*/ width: 0; height: 0; }
input[type="file"].upload.error { border: 0; }



/* 頁籤設定
--------------------------------------------------------------------------------------------------------------- */
.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.tabs__label {
    padding: 10px 16px;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
}

.tabs__radio {
  display: none !important;
}

.tabs__content {
  order: 1;
  width: 100%;
  display: none;
  padding-top: 1em;
}

.tabs__radio + .tabs__label { /* 標籤背景色 */
    background: #ef88a2;
    color: #fff !important;
    margin-right: 5px !important;
    margin-bottom: 0;
    padding: 5px 10px !important;
}

.tabs__radio:checked + .tabs__label {
    font-weight: bold;
    color: #fff !important;
    background: #e84779;
    margin-bottom: 0;
}

.tabs__radio:checked + .tabs__label + .tabs__content {
    display: initial;
    border-top: 5px solid #e84779;
}

#main input[type="radio"]:checked + label:before,
#main input[type="radio"] + label:before { display: none !important; }
input[type="radio"] + label {padding: 5px 0 !important;}
/* --------------------------------------------------------------------------------------------------------------- */

/* 滚動槽 */
.note::-webkit-scrollbar {width: 20px; height: 6px;}
.note::-webkit-scrollbar-track {border-radius: 3px;	background: rgba(238,238,238,0.3);
	   -webkit-box-shadow: inset 0 0 5px rgba(255,255,255,0.5);}
/* 滚動滑塊 */
.note::-webkit-scrollbar-thumb {border-radius: 3px;	background: #c8e6c9;
	   -webkit-box-shadow: inset 0 0 10px rgba(255,255,255,0.8);}


/* 展開收合效果 */
.flip, .flip1, .flip2, .flip3, .flip4, .flip5, .flip6 {
	margin: 15px 0 0 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	left: 0;
	background: #408dc5;
	color: #fff;
	font-weight: bold;
}
.panel, .panel1, .panel2, .panel3, .panel4, .panel5, .panel6 {
	margin: 0 0 80px 0;
	padding: 0;
	border: solid 0px #c3c3c3;
	display: none;
}

/* FANCY */
.fancybox-wrapper a img{ display:inline-block; vertical-align:top; width:33%;}
.fancybox__content {background-color: transparent !important; color: #fff;}
.fancybox__container {background:#000; opacity: 1;}

*{ padding:0px; margin:0px}
.clearLeft{ clear:left}
.floatLeft{ float: left}
.clear {zoom:1; clear:both;}
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body{
    /*background-color: #f6bac2 /*#e84779 url("../images/bg_lace.png") center repeat-y*/;
    /*background-image: linear-gradient(to right, #f6b8c3 0%, #f7c9cb 100%);*/
	background-image: linear-gradient(to bottom, #fbdd59 50%, #f5eed1 100%);
    font-family: "微軟正黑體", "Metronic Pro", "Noto Sans TC", "Verdana", "Arial Unicode MS", "microsoft jhenghei", "microsoft mhei", stheititc, sans-serif; font-size: 20px; line-height: 1.6em; color: #000;}
#box {width: 100%; margin: 0; padding: 0;}
/*.intro {color: red; text-align: center; font-weight: bold; font-size: 50px; margin: 20px; line-height: 1.4em;}*/

a { border: 0; color:#ffeb3b; text-decoration: none;}
a:hover {color: #0c6b9d; text-decoration:underline;}

/* ul li 設定 */
ul li {list-style-type:none;}
#info ul li.img, #readme ul li.img {
	/*background: url("../images/itema.jpg") no-repeat; background-position: 0px 5px;*/
	margin: 40px 70px; padding: 0 40px;
}
#info ol li, #readme ol li {list-style-type:decimal; margin: 5px 0 0 30px;}
#invo ul li {margin: 20px 0;}
#invo ol li {margin-left: 30px; font-size: 28px;}

#note ul li {margin: 10px 0 10px 60px; list-style-type:decimal;}
#note ol li {list-style: disc;}
#note ol li ul li {list-style: decimal;}
#prize ul li {margin: 5px auto; list-style-type:none; text-align: left; display: inline-block;}

.chkbox {width: 5%; vertical-align:middle;}
.chktxt2 {width:95%; float: right; padding-left: 5px; vertical-align:middle; font-weight: normal;}


.bg_white {background: #fff; margin: 5%;}

/* font color */
.txt_white {color: #fff !important;}
.txt_blue {	color: #4096d3;	/*background: linear-gradient(180deg, rgba(255,255,255,0) 30%, #fffce6 65%);*/}
.txt_oran { color: #e95513;}
.txt_verify {background: #000; color:#ffeb3b; padding: 5px 10px; border-radius: 10px;}
.txt_y {color:#ffeb3b;}
.txt_red {color: #e61f19;}
.txt_green {color: #43a047; border-bottom: 1px dotted;}
.txt_g {color: #33a670;}
.txt_gray {color: #9c9c9c !important;}
.txt_imp {color: #e9487a; /*font-weight: bold;*/}
.txt_ps {font-size: 20px;}
.txt_ps2 {background: #fafff7; padding: 20px 40px 0; margin: 50px 0; color: #2e7d32; border: 3px #2e7d32 dotted;}
.txt_center {text-align: center;}
mark {background: linear-gradient(340deg, rgba(255,255,255,0) 65%, #ffeb3b 65%);}

hr {border: 1px dotted #408dc5; margin: 30px auto;}

/* space */
.h10 {padding-top: 10px;}
.h20 {margin-top: 20px !important;}
.h_result {margin: 10px 0 20px; text-align: center; padding: 250px 0 !important;}
.space {margin:20px 0 0 158px;}
.space_chk {margin-left: 155px;}

#footer{background: /*#255034*/ #000; width: 100%; padding: 10px 0; font-size: 15px; text-align: center; color: #fff;}

#gotop {position:fixed; z-index:90; right:30px; bottom:30px; display:none; width:130px; height:146px; background: url("../images/btn_login.png") center top no-repeat;}
#btn_receipt {position: fixed; bottom: 0; right: 20px; z-index: 5;}


/********************************* 電　　腦 *********************************/

@media only screen and (min-width:0px){
#box_shadow {background: #fff; /*box-shadow: 0px 0px 15px #b22954;*/ width: 1200px; margin: 0 auto; position: relative;}

/* 浮動固定選單 */
#top-bar{ width: 100% /*1200px*/; height:110px; position:fixed; top:-100px; z-index: 4;
/* CSS3 陰影*/ /*-webkit-box-shadow: 0px 8px 15px #333; -moz-box-shadow: 0px 8px 15px #333; box-shadow: 0px 8px 15px #333;   */}
/*#top-bar-bg {width:1200px; height:110px; background:rgba(50,179,191,1); position:fixed; top:-110px; z-index: 3;}*/
#top-bar-bg {width:100%; height:110px; background: #000; opacity: 0; position:fixed; top:-160px; z-index: 3;}

/* logo */
#logo {padding: 10px 0 0 10px; width: 200px; position: absolute; z-index: 3; left: 0;}

/* menu */
#mobile {width:400px; height: 110px; position: absolute; z-index: 3; right: 0;}
#mobile .toggle {display: block; margin: 0 auto; padding: 5px 20px 0 0; font-size: 30px; color: #FFF; font-weight: bold; text-align: right;}
#mobile .wrap {position: absolute; top: 0/*110px*/; display: none; width: 100%; background: #000; text-align: center; border-radius: 0 0 50px 50px; padding: 25px 0 50px;}
#mobile .wrap li {border-bottom: 0px solid #f1f1f1; margin: 0 auto;}
#mobile .wrap li a {display: block; font-size: 40px; color: #fff; text-align: center; text-decoration: none; padding: 15px 25px;}
#mobile .wrap li a:hover {background: #c21f32; color: #fff; text-decoration: none;}

/* 主視覺 */
.kv {background: #f7c9cb url("../images/kv.jpg") center top no-repeat; width: 100%; height: 540px; position: relative; z-index: 1;}
/*#kv_cover {background: url("../images/top.png") center top no-repeat; width:100%; height: 765px; position: absolute; z-index: 2;}*/

.title {
    color: #34a770; font-size: 40px; font-weight: bold; border-bottom: 0px solid #aba8d3;
    /*margin: 0 65% 50px 0;*/ margin: 0 20px 50px 20px;
    padding: 65px 90px 20px;
    /*折角*/
    /*background: #255034;*/
    position: relative;
    /*background: linear-gradient(-150deg, transparent 1.5em, #e7b11b 0);}*/
    background: url("../images/icon.png") left 50px no-repeat;}

.title::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1.73em;
  height: 3em;
  /*background: linear-gradient(to left bottom, transparent 50%, rgba(231,177,27,1) 0,rgb(241 202 37)) 100% 0 no-repeat;
  transform: translateY(-1.27em) rotate(-30deg);
  transform-origin: bottom right;
  border-bottom-left-radius: inherit;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,.15);*/
}

.title_w {color: #ea4679; font-size: 40px; font-weight: bold; text-align: center; /*border-bottom: 3px dotted #fff;*/ margin: 0 5%; padding: 50px 0 20px 0;}
/*.title_w {color: #379fb8; font-size: 45px; font-weight: bold; text-align: center; border-bottom: 1px solid #379fb8; margin: 0 5%; padding: 50px 0 20px 0;}*/
.target-fix {
    position: relative;
    top: -110px;
    display: block;
    visibility: hidden;
}
.target-fix2 {
    position: relative;
	top: 0;
    display: block;
    visibility: hidden;
}

/* 活動辦法 */
#info {width:100%; margin-bottom: 65px; color: #333;}
.info_item { font-size: 24px; font-weight: bold; padding: 0 30px 15px 0;}
.info_prize {text-align: center; margin: 0 auto;}
.info_txt {background: #f1f8e9; margin: 30px 10px; padding: 5px 0 30px;}

/* 登入發票 */
#invo {width: 100%; /*background: #fffdec;*/ color: #333; padding: 0 0 60px; /*border-top: 20px solid #c0e4fc;*/ /*border-bottom: 20px solid #fdd587;*/ margin: 0 auto;}
.invo_item { /*font-size: 36px; font-weight: bold; padding: 0 10% 30px; margin-left: 0; */
	margin: 40px 70px; padding: 0 40px;}
.invo_txt {padding: 10px 12%; background: url("../images/itemb.png") 105px 13px no-repeat;}
#invo .txt, .chktxt {font-weight: normal; font-family: adamina,"微軟正黑體"; line-height: 1.4em;}
#invo .chktxt {font-size: 28px;}
#invo .bt {text-align: center; padding: 20px 0; white-space: nowrap;}

/* 填表單 */
input.invodate:not([type="file"]), input[type="text"], textarea{width: 390px; font-size: 20px; font-family: adamina,"微軟正黑體"; color: #333; padding: 5px; caret-color: #6d4b99; outline: none; border: 0; background-color: #f4f4f4; border-radius: 10px;}

	::placeholder { /* CSS 3 標準 */  color: #333;}
	
select {width: 196px; padding: 5px; margin-left: 0; color: #666; font-size: 20px; font-family: adamina,"微軟正黑體";}
.sele_txt {font-size: 20px; color: #333;}
select {-webkit-appearance: none; appearance: none; outline: none; background: #f4f4f4 url("../images/arr_sele.png") center right no-repeat; border: 0;}
    
input.invo1 { width: 50px; margin-right: 20px;}
input.invo2 { width: 170px;}
input.addr, input.least {margin: /*20px 0 0 105px*/ 0;}

textarea{height:100px; resize: none; /* 固定元素尺寸 */}

/* 填表單 checkbox */
input[type=checkbox] {
	-webkit-appearance: none; appearance: none; outline: none; cursor: pointer; vertical-align: center; position: relative;
	/*margin-top: 20px;*/ width: 29px; height: 29px; /*top: -17px;*/　left: 0; background: url("../images/checkbox_off.png") center top no-repeat;}
input[type=checkbox]:checked::after {
	content: "\3"; display: block; position: absolute;
	top: 0px; left: 0px; right: 0; bottom: 0; width: 29px; height: 29px; background: url("../images/checkbox_on.png") center top no-repeat;}

input[type="radio"] {
	-webkit-appearance: none; appearance: none; outline: none; cursor: pointer; vertical-align: center; position: relative;
	/*margin: 20px 10px 0 0;*/ width: 29px; height: 34px; top: 4px; left: 0; background: url("../images/radiobox_off.png") center bottom no-repeat; background-size: 80%;}
input[type="radio"]:checked::after {content: "\3"; display: block; position: absolute;
	top: 8px; left: 0px; right: 0; bottom: 0; width: 29px; height: 34px; background: url("../images/radiobox_on.png");}

#readme {margin-bottom: 50px;}

/* 注意事項 */
#note {width:100%; background: #fffdec; color: #333; padding-bottom: 30px;}
#note .txt {height: 800px; width: 90%; margin: 50px auto 65px; padding-right: 15px; overflow-y: scroll; /*border: 5px dotted #388e3c;*/}

/* 中獎名單 */
#prize {width:100%; background: #2e7d32 url("../images/top_prize.jpg") center top no-repeat; color: #fff; font-size: 28px; text-align: center; padding: 205px 0 5px 0;}
#prize .title {
	width: 70%;
    background: transparent;
	/*background: linear-gradient(-90deg, rgba(12,108,158,0), #c30d23 100%); */
	margin: 30px auto;
	padding: 15px 60px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	border-bottom: 3px dotted #fff;
}
#prize .title::before {
  background: transparent;
  box-shadow: -.2em .2em .3em -.1em rgba(0,0,0,0);
}
#prize .ps {width: 90%; margin: 0 auto; padding: 25px 0; /*border-bottom: 1px solid #fff;*/}
#prize .txt1 {text-align: center; width: 25%;}
#prize .txt2 {text-align: center; width: 35%;}
	
.scrollable{display:block; margin:40px 70px; padding:0 40px; overflow:auto; overflow-x: auto;}
.scrollable table{margin:0 auto 15px; padding:0; white-space:nowrap;}

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 0;}
td{border-width:0 1px;}
}
/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments select, #comments textarea{border-color:#D7D7D7;}
table, th, td {border-color: #408dc5; text-align: center;}
th{color:#FFFFFF; background-color:#408dc5;}
tr, #comments li, #comments input[type="button"], #comments input[type="submit"], #comments input[type="reset"]{color:#fff; background-color:#408dc5; margin:5px; border: 0;}
tr {background: #fff; color: inherit;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#e9f3fb;}
table a, #comments a{background-color:inherit;}
/*#comments input.chk {width: 30px; height: 30px; left: 0; top: 0; margin-right: 10px; float: left;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#95103B;}*/




/********************************* 手　　機 *********************************/
/* 手機：瀏覽區域寬度範圍在0px~639px套用 */
/*@media (max-device-width:480px) {*/
@media screen and (max-width: 1200px) {

/* 顯示 & 隱藏 */
.hide-in-pc{display:none;}
.hide-in-phone{display:block;}
.hide-in-befor {display:none; font-size: 150px; padding: 80px 0 40px 0;}

body{font-size: 26px;}
.kv {background: url("../images/kv_640.jpg") left 80px no-repeat; width: 640px; height: 980px; background-size: auto;}
#logo img {width: 150px;}
	
#box {width: 640px;}

/* 浮動固定選單 */
#top-bar{ width:640px; height:150px; position:fixed; top:-150px; z-index: 4;
/* CSS3 陰影*/ /*-webkit-box-shadow: 0px 8px 15px #333; -moz-box-shadow: 0px 8px 15px #333; box-shadow: 0px 8px 15px #333;   */}
#top-bar-bg {width:640px; height:85px; /*background: #c30d23;*/ position:fixed; top:-180px; z-index: 3;}

#box_shadow {width: 640px;}

/* logo */
#logo {padding: 10px 0 0 10px; width: 200px; position: absolute; z-index: 3; left: 0;}

/* menu */
#mobile {width:640px; height: 160px;}
#mobile .toggle {font-size: 50px; padding-top: 0;}
#mobile img {width: 20%; padding-top: 5px;}
#mobile .wrap {/*top: 80px;*/ padding: 30px 0;}
#mobile .wrap li a {font-size: 45px; padding: 20px 25px;}

.chkbox {width: 5%;}
.chktxt2 {width:88%; padding-left: 5px; vertical-align:middle; font-size: 30px; font-weight: normal; line-height: 1.4em;}

#info {width:640px;}
#info ul li.img, #readme ul li.img {background-size: 30px; background-position: 0 5px; margin: 40px 20px; padding: 0;}

#invo {width: 640px; padding-bottom: 50px; margin: 0 auto;}

.title, .title_w {font-size: 40px; padding: 60px 0 20px 90px; /*margin: 200px 2% 0;*/  margin: 0 15% 0 0; background-position: 0 50px;}
.title_w {width: 80%; margin: 0 auto; padding: 30px 0 40px;}
.target-fix {top: -84px;}

.info_item {font-size: 32px; padding-bottom: 25px;}

.txt_ps {font-size: 26px;}
.txt_ps2 {margin: 40px 0;}

.btn_reset, .btn_send {width: 40%;}
.invo_item {padding: 0; margin: 40px 20px;}
.invo_txt {padding: 10px 70px; background-position: 28px 20px;}
input.invodate:not([type="file"]), input[type="text"],textarea{width: 450px; font-size: inherit; margin: 0; padding: 5px;}
input[type="radio"] {width: 30px;}
select {width: 200px; font-size: inherit; margin: 10px 0; padding: 5px;}
.sele_txt {font-size: inherit;}
input.invo1 { width: 100px; margin-right: 20px;}
input.invo2 { width: 225px;}
input.addr, input.least {margin: 10px 0 0 0;}
input[type=checkbox] {margin-top: 0; width: 60px; height: 35px; top: 3px; background-size: 55%; color: #2e7d32;}
input[type=checkbox]:checked::after {margin-top: 0; width: 60px; height: 60px; top: -15px; background-size: 55%; background-position: center 15px; }
input[type="radio"] {margin:0; width: 60px; height: 38px; top: 4px; left: 0; background-size: 60%; color: #2e7d32;}
input[type="radio"]:checked::after {margin: 0 10px 0 0; width: 60px; height: 60px; top: 5px; left: 15px; background-size: 60%; background-repeat: no-repeat; color: transparent;}

#invo ul li {margin: 30px 0;}
/*#invo .chktxt {font-size: 55px;}*/
#invo ol {margin-left: 30px !important;}

#note {width: 640px;}
#note .txt {width:92%; height: 640px;}
#note ul li {margin: 10px 10px 10px 60px;}
#note ol li {margin: 10px 10px 10px 35px;}

#prize {width: 640px; background-size: 100%; font-size: 24px; padding-top: 140px;}
#prize .title {font-size: 30px; padding: 20px 0; width: 100%; margin: 30px auto 20px;}
#prize .ps {width: 98%; font-size: 28px;}
#prize .txt1 {width: 23%;}
#prize .txt2 {width: 38%;}

.scrollable{margin:40px 10px; padding:0; overflow:auto; overflow-x: auto;}
.scrollable table{margin:0 auto 15px; padding:0; white-space:nowrap;}
	
.space {margin:20px 0 0 0;}
.space_chk {margin-left: 0;}

.tabs {font-size: 26px}


#footer{width: 640px; font-size: 20px;}

#gotop {bottom: 30px; width: 100px; height:100px; background-size: 100%;}
}