/********************************* 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;}

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

/* 展開收合效果 */
.flip{margin:0; padding:0; text-align:center; cursor:pointer;}
.panel{margin:0; padding:0; text-align:center; border:solid 0px #c3c3c3; display:none;}

*{ 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 */

/* 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;
            font-weight: normal;
		}

			.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: #9B3922; 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: #DBAFA0;
    color: #9b3922 !important;
    margin-right: 5px !important;
    margin-bottom: 0;
    padding: 5px 10px !important;
}

.tabs__radio:checked + .tabs__label {
    font-weight: bold;
    color: #fff !important;
    background: #481E14;
    /*background-image: linear-gradient(to right, #31b33c 0%, #b9e81d 100%);*/
	/*background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);*/
    /*text-shadow: black 0.05em 0.05em 0.1em;*/
    margin-bottom: 0;
}

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

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


body{ /*background: #000 url("../images/kv.jpg") no-repeat; background-position: center 50px; background-attachment: fixed;*/
    background: #000 url("../images/bg_note.jpg") center top no-repeat; background-attachment: fixed; font-family: adamina,"微軟正黑體"; font-size: 24px; line-height: 1.5em; color: #fff;}
h3 {text-align: center; margin: 80px 0 25px 0;}
.box {/*background: #a51e22;*/ width: 100%; margin: 0 auto; padding: 0; position: relative;}
.box1 {
	/*background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%); */
	background-image: linear-gradient(to top, #000 0%, #203a72 100%);
	border-top-left-radius: 200px; border-top-right-radius: 200px;}
#line {background: url("../images/line.png") center top no-repeat; width: 100%; height: 250px; position: relative; margin: -135px auto;}
/*.intro {color: red; text-align: center; font-weight: bold; font-size: 50px; margin: 20px; line-height: 1.4em;}*/

a { border: 0; color: #fff0a4; text-decoration: underline;}
a:hover {color: #fff; text-decoration:none;}
.logo a:hover {border: 0;}
.menubar a:hover {/*border:2px #fff solid; border-radius:10px; padding: 0 3px;*/}
.menu a { border: 0; color: #fff; text-decoration: none;}
.menu a:hover {color: #ffff00; text-decoration:none; background-color: transparent;}

dl {margin: 0;}

/* ul li 設定 */
ul li {list-style-type:none;}
#menu li {display: inline; width: 200px; height: 150px; vertical-align: middle; padding: 20px 0;}
#info ul li {padding: 10px 5px; margin: 0 75px;}
#info ul li ul li {margin-left: 35px; padding-left: 0; list-style: square;}
#info ol li {list-style-type:decimal; margin: 0 45px;} 
#invo ul li {margin: 20px 100px;}
#note ul li {margin: 10px 0 10px 60px; list-style-type:decimal;}
#prize ul li {margin: 10px 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-size: 24px; font-weight: normal;}

/* font color */
.txt_white {color: #fff;}
.txt_blue {color: #0c6b9d;}
.txt_hepatic {color:#aefbff !important;}
.txt_cyan {color:#e58989;}
.txt_imp {color: #ffffcb; font-weight: bold; text-decoration: underline;}
.txt_ps {font-size: 20px; line-height: 1.5em;}
.bg_tab {color: #fff; font-weight: bold; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

/* space */
.h10 {margin: 0 auto; padding: 10px 0 0 0;}
.h20 {margin: 0 auto; padding: 20px 0 0 0 !important;}
.h50 {margin: 0 auto; padding: 50px 0 0 0 !important;}
.h100 {margin: 0 auto; padding: 100px 0 0 0 !important;}
.space {margin:20px 0 0 125px;}

.line {border-bottom: #fff 5px dotted; margin: 40px 5%;}

#footer{ background: #000; /*background:#2a3b40 url("../images/footer.jpg") center top repeat-x;*/ padding: 10px 0; width: 100%; font-size: 22px; text-align: center; color: #fff;}




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

@media only screen and (min-width:0px){

/* 浮動固定選單 */
#top-bar{background: #000; width: 100%; height:100px; text-align: center; position:fixed; top:-100px; z-index: 4;}


/* logo */
#menu {width: 1200px; margin: 0 auto;}
.logo {position: relative; z-index: 3; float: left;}
.menubar {position: relative; z-index: 3; float: right; padding: 25px 0;}
.toggle { padding: 0 5px;}

/* 主視覺 */
.kv {height: 765px; 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 {background: url("../images/bg_titlew.png") center top no-repeat; font-size: 46px; font-weight: bold; text-align: center; width: 1200px; height: 120px; padding: 30px 0 0 0;  margin: 0 auto;}
.title_b {background: url("../images/bg_titleb.png") center top no-repeat; font-size: 50px; font-weight: bold; text-align: center; width: 1200px; height: 120px; padding: 30px 0 0 0;  margin: 0 auto; color: #000;}
	
/* 活動辦法 */
#info {width:1200px; padding: 120px 0; margin: 0 auto 0;}
.info_item {font-size: 30px; font-weight: bold; padding: 0 30px 15px 0;}	

table {border: 5px solid #fff; border-collapse: collapse; width: 100%; text-align: center; margin: 20px auto 40px;}
th {padding: 5px; background-color: #481E14; border: 1px solid #fff;
    /*background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);*/
    text-shadow: black 0.05em 0.05em 0.1em;
}


td {padding: 5px; border: 1px solid #fff;}
/*tr:nth-child(even) {background-color: transparent;}
tr:nth-child(odd) {background-color: #e58989;}*/
/*tr:hover, td:hover {background-color: #000;}*/
    

/* 登入發票 */
#invo {/*background:#000 url("../images/bg_invo.jpg") center center repeat-x;*/ /*width:1920px; color: #000;*/ padding: 120px 0; margin: 0 auto;}
#invo2 {background: #000; width:100%; padding: 0 0 85px 0; margin: 0 auto;}
.invo_item { font-size: 24px; font-weight: bold; margin: 0 auto 80px; width: 900px;}
#invo .txt, .chktxt {font-weight: normal; font-family: adamina,"微軟正黑體"; /*color: #000;*/ line-height: 1.4em;}
#invo .chktxt {font-size: 24px; margin: 25px 165px;}
#invo .bt {margin: 0 auto; text-align: center; padding: 20px 0; white-space: nowrap;}
#invo2 .chktxt {width: 1200px; margin: 0 auto;}
		
/* 填表單 */
/*input:not([type="image"]), textarea{width: 492px; font-size: 24px; font-family: adamina,"微軟正黑體"; color: #333; padding: 5px; caret-color: #6d4b99; outline: none; border: 0; background-color: #f4f4f4;}
	
select {width: 247px; padding: 5px; margin-left: 0; color: #666; font-size: 24px; font-family: adamina,"微軟正黑體";}
.sele_txt {font-size: 24px;}
select {-webkit-appearance: none; appearance: none; outline: none; background: #f4f4f4 url("../images/arr_sele.png") center right no-repeat; border: 0;}
	
input.invo1 { width: 60px; margin-right: 20px;}
input.invo2 { width: 240px;}
input.addr, input.least {margin: 20px 0 0 125px;}

textarea{height:100px; resize: none; /* 固定元素尺寸 }*/
    
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;}
::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: 28px;}
select {-webkit-appearance: none; appearance: none; outline: none; background: #f4f4f4 url("../images/arr_sele.png") center right no-repeat; color: #666; 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: 18px; width: 29px; height: 29px; top: -16px; left: 0; background: url("../images/checkbox_off.png") center bottom no-repeat;}
input[type=checkbox]:checked::after {content: "\3"; display: block; position: absolute;
	top: 5px; left: 0px; right: 0; bottom: 0; width: 29px; height: 34px; background: url("../images/checkbox_on.png") 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;}
input[type="radio"]:checked::after {content: "\3"; display: block; position: absolute;
	top: 5px; left: 0px; right: 0; bottom: 0; width: 29px; height: 34px; background: url("../images/radiobox_on.png");}*/
    
    
input[type=checkbox] {
	-webkit-appearance: none; appearance: none; outline: none; cursor: pointer; vertical-align: center; position: relative;
	/*margin-top: 20px;*/ width: 29px; height: 25px; /*top: -17px;*/　left: 0; background: url("../images/checkbox_off.png") center bottom no-repeat; background-size: 80%;}
input[type=checkbox]:checked::after {content: "\3"; display: block; position: absolute;
	top: 0px; left: 0px; right: 0; bottom: 0; width: 29px; height: 34px; background: url("../images/checkbox_on.png");}

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 {/*background: #000 url("../images/bg_note.jpg") center top no-repeat;*/ width: 100%; /*width:1920px;*/ padding: 120px 0; margin: 0 auto; font-size: 20px; line-height: 1.5em;}
.note_item {font-size: 24px; font-weight: bold; padding: 0 30px 0 0; margin-top: 50px;}
#note .txt {height: 950px; width: 1120px; margin: 0 auto; padding: 20px 10px 20px 0; overflow-y: scroll;}

/* 中獎名單 */
#prize {width:1200px; color: #fff; /*font-size: 33px;*/ text-align: center; padding: 120px 0; margin: 0 auto;}

#prize .item {width: 90%; margin: 80px auto 0; padding: 10px; font-size: 30px; font-weight: bold; color: #fff; border-bottom: 0; text-align: center !important;}
#prize .ps {width: 90%; margin: 0 auto; padding: 25px 0; text-align: center;}
#prize .line {border-bottom: 1px solid #fff; padding-bottom: 20px;}
#prize .txt1 {text-align: center; width: 25%;}
#prize .txt2 {text-align: center; width: 30%;}	
}

.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;}

/* 展開收合效果 */
.flip, .flip1, .flip2, .flip3, .flip4, .flip5, .flip6 {
	margin: 15px auto 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	left: 0;
	background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
	color: #203a72;
	font-weight: bold;
	width: 85%;
}
.panel, .panel1, .panel2, .panel3, .panel4, .panel5, .panel6 {
	margin: 0;
	padding: 0;
	border: solid 0px #c3c3c3;
	display: none;
}


/********************************* 手　　機 *********************************/
/* 手機：瀏覽區域寬度範圍在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{/*background: #000 url("../images/kv_640.png") center top no-repeat;*/ background-size: cover; font-size: 28px; line-height: 1.6em; margin: 0 auto; width: 640px;}
.box {padding:0; width: 640px;}
#menu {width: 640px;}
.logo img {width: 150px;}
.box1 {
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
	}

/* menu */
#top-bar{width: 640px;}
#mobile {width:640px; height: 160px; position: absolute; z-index: 3; right: 0;}
#mobile .toggle {display: block; margin: 0 auto; padding: 0 20px 0 0; font-size: 50px; color: #FFF; font-weight: bold; text-align: right;}
#mobile .wrap {position: absolute; top: 0; display: none; width: 100%; background: #444; text-align: center;}
#mobile .wrap li {border-bottom: 1px solid #f1f1f1; margin: 0 auto;}
#mobile .wrap li a {display: block; font-size: 35px; color: #fff; text-align: center; text-decoration: none; line-height: 2em; padding: 15px 25px;}
#mobile .wrap li a:hover {background: #000; color: #fff; text-decoration: none;}
#mobile img {width: 12%;}
	
.chkbox {width: 5%;}
.chktxt2 {width: 88%; padding-left: 5px; vertical-align:middle; font-size: 30px; font-weight: normal; line-height: 1.4em;}
	
/* 浮動固定選單 */
#top-bar{ background-size: 250%; height:75px; position:fixed; top:-150px; z-index: 4; margin: 0 auto;}

/* logo */
.logo {padding: 0; width: 155px; position: absolute; z-index: 3; left: 0;}


#info {padding: 120px 0 50px; width: 640px;}
#info ul li {margin: 50px 0; padding: 0 20px;}
#info ul li ul li {margin: 5px 0 5px 35px;}
#info ul li.img {background-size: 40px; background-position: 0px 25px; padding-left: 65px;} 
#info ol li {margin: 10px 0 10px 40px;} 
#info ul li.img {margin: 50px 0 50px 110px;} 
	    
#invo {padding: 120px 0 130px; width: 640px;}
#invo .chktxt {font-size: 55px; width: 95%; margin: 25px 90px;}
#invo2 {width: 640px;}
#invo2 .chktxt {width: 540px; margin: 0 50px;}
#invo ul li {margin: 20px 25px 10px; width: 90%;}
#invo ul li.img {background-size: 4% auto; margin: 0 25px; background-position: 0 22px;}
	
.title {background: url("../images/bg_titlew2.png") no-repeat; background-size: contain; font-size: 50px; padding: 0 0 15px; margin: -25px auto; width: 100%; height: 80px;}
.title_b {background: url("../images/bg_titleb2.png") no-repeat; background-size: contain; font-size: 50px; padding: 7px 0; margin: 0 auto; width: 100%; height: 80px;}
.info_item {font-size: 34px; padding-bottom: 25px;}	
.txt_ps {font-size: 25px;}

.btn {width: 40%;}
.invo_item { font-size: 28px; padding: 0 25px; width: 580PX;}
/*input:not([type="image"]), input, textarea{width: 520px; font-size: 28px; margin: 10px 0; padding: 5px;}
input[type="radio"] {width: 30px;}
select {width: 400px; font-size: 28px; margin: 10px 0; padding: 5px;}
.sele_txt {font-size: 18px;}
input.invo1 { width: 80px; margin-right: 20px;}
input.invo2 { width: 230px;}
input.addr, input.least {margin: 10px 0 0 0;}
input[type=checkbox] {margin-top: 0; width: 50px; height: 50px; top: -15px; background-size: 55%;}
input[type=checkbox]:checked::after {margin-top: 0; width: 60px; height: 60px; top: 0; background-size: 100%;}
input[type="radio"] {margin: 0; width: 60px; height: 60px; top: 4px; left: 0; background-size: 55%;}
input[type="radio"]:checked::after {margin: 0 10px 0 0; width: 60px; height: 60px; top: 0; left: 0; background-size: 55%;}*/
    
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: 18px;}
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: cover;}
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: -10px; left: 0; background-size: cover;}

#note {width: 640px;} 
#note .txt {width:600px; height: 800px; margin-top: 45px;}
#note ul li {margin: 25px 50px;}
	
#prize {font-size: 30px; padding: 120px 0 20px; width: 640px;}
#prize .item {width: 100%; font-size: 28px; margin: 30px 0 0; padding: 10px 0;}
#prize .ps {width: 98%; font-size: 28px; line-height: 1.4em; padding-top: 45px;}
#prize .txt1 {width: 20%; font-size: 30px;}
#prize .txt2 {width: 32%; font-size: 30px;}
	
.space {margin:10px 0 0 0;}
	
#footer{font-size: 20px; width: 640px; padding: 10px 0; margin: 0 auto;}
}

@media (max-device-width:480px) {
	body {background-position: 0 75px;}	
}