@charset "utf-8";
/********************************* Common *********************************/
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons/fonts/ionicons.eot?v=2.0.0");
  src: url("../fonts/ionicons/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons/fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons/fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal; font-style: normal;}

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


/* 下拉選單
--------------------------------------------------------------------------------------------------------------- */
#nav ul, #nav li, #nav ul li ul, #nav ul li ul li{
    line-height: inherit;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    list-style: none !important;
	z-index: 999;
}
#nav {
    /*background: #11552d;*/
    width: 1160px; /*60em 1000 */
    /*position: absolute;*/
    top: 0;
    /*left: 50%;
    margin-left: -30em; /* 30 480 */
    margin: 0 auto;
    font-weight: bold;
    /*height: 80px;*/
	text-align: center;
}

/* 補設定 */
#nav ul li {border-bottom: 0px solid #f1f1f1; margin: 0 auto; display: inline;}
#nav ul li a {display: inline-block; font-size: 26px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; padding: 15px 17px !important;}
#nav ul li a:hover {background: url("../images/arr_top.png") center top no-repeat; color: #fff772;}

#nav > a {
    display: none;
}
#nav li {
    position: relative;
}
#nav li a {
    color: #fff;
    display: block;
    text-decoration: none;
}
#nav li a:active { /* menu 按下時的顏色 */ 
    background-color: transparent!important;
}
#nav span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent; /* 5 */
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em; /* 5 */
}

/* first level */
#nav > ul {
    /*background-color: #11552e;*/
}
#nav > ul > li {
    /*width: 20%;
    float: left;*/
    padding: 0;
}
#nav > ul > li > a {
    text-align: center;
    padding: 24px 0;
}
#nav > ul > li:not( :last-child ) > a {
    /*border-right: 1px solid #11552e;*/
}
/* 第一層選單變色 */
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
    /*background: #11552e;
    color: #ffff00;*/
}

/* second level */
#nav li ul {
    background-color: #e64322;
    display: none;
    position: absolute;
    top: 40px;
}
#nav ul li ul li {
    border-bottom: 1px solid #eee;
	display: block;
}
#nav li:hover ul {
    display: block;
    left: 0;
    right: 0;
}
#nav li:not( :first-child ):hover ul {
    left: -1px;
}
#nav li ul a {
    /*font-size: 1.25em; /* 20 */
    padding: 20px 10px;
	font-size: 24px;
}

/* 第二層選單變色 */
#nav li ul li a:hover, 
#nav li ul:not( :hover ) li.active a {
    /*background-color: #eeeeee;*/
    color: #ffff00;
    text-decoration: none;
}

    @media only screen and ( max-width: 62.5em ) /* 1000 */ {
        #nav {
            width: 100%;
            position: static;
            margin: 0;
        }
    }

    @media only screen and ( max-width: 40em ) /* 640 */ {
        #nav {
            position: relative;
            top: auto;
            left: auto;
            height: 60px;
            z-index: 9;
        }
        #nav > a {
            clear: both;
            width: 100%; /* 50 */
            height: 60px; /* 50 */
            text-align: left;
            text-indent: -9999px;
            position: relative;
        }
        
        #nav > a:before, #nav > a:after {
            position: absolute;
            border: 2px solid #fff;
            top: 35%;
            left: 25%;
            right: 25%;
            /*content: '';*/
        }
        #nav > a:after {
            top: 60%;
        }
        #nav:not( :target ) > a:first-of-type {
            display: block;
            background: url("../images/menu.png") right center no-repeat;
            background-size: contain;
        }
        #nav:target > a:last-of-type {
            display: block;
            background: url("../images/close.png") right center no-repeat;
            background-size: contain;
        }

        /* first level */

        #nav > ul {
            height: auto;
            display: none;
            position: absolute;
            left: 0;
            right: 0;
        }
        #nav:target > ul {
            display: block;
        }
        #nav > ul > li {
            width: 100%;
            float: none;
        }
        #nav > ul > li > a {
            height: auto;
            text-align: left;
            padding: 10px; /* 20 (24) */
        }
        #nav > ul > li:not( :last-child ) > a {
            border-right: none;
            /*border-bottom: 1px solid #cc470d;*/
            padding: 10px;
        }
        /* second level */

        #nav li ul {
            position: static;
            padding: 1.25em; /* 20 */
            padding-top: 0;
            display: block;
        }
        #nav li ul a {padding: 10px;}
        #nav ul li ul li {
            border: 0;
            padding-left: 20px;
        }
    }
/* --------------------------------------------------------------------------------------------------------------- */

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

		}


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

/* 頁籤設定
--------------------------------------------------------------------------------------------------------------- */
.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding-bottom: 35px;
  border-bottom: 5px solid #008e44
}

.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: #85c43f;
    color: #fff !important;
    margin-right: 5px !important;
    margin-bottom: 0;
    padding: 5px 10px !important;
	border-radius: 20px 20px 0 0;
}

.tabs__radio:checked + .tabs__label {
    font-weight: bold;
    color: #fff !important;
    background: #008e44;
    margin-bottom: 0;
	border-radius: 20px 20px 0 0;
}

.tabs__radio:checked + .tabs__label + .tabs__content {
    display: initial;
    border-top: 5px solid #008e44;
    margin-top: 0px;
}

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



/* 展開收合效果 */
.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 */

.consolas{font-family: Consolas;} /* 等寬字設定 */

body{/*background: #fff url("../images/bg_top.jpg") center top no-repeat;*/ font-family: adamina,"微軟正黑體"; font-size: 26px; line-height: 1.5em; 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: #ff8097; text-decoration: none;}
a:hover {color: red; text-decoration: underline;}

/* ul li 設定 */
ul li {list-style-type:none;}
.img {margin: 0; padding: 0 40px;}
#info ul li {padding: 20px 0;}
#info ol li {list-style-type:decimal; margin: 0 0 0 35px; padding: 20px 0; border-bottom: 1px dotted /*#ffadb5*/ #000; /*background-image: linear-gradient(to top, #ffe9eb 0%, #fff 100%);*/}
#info ol li ul li {list-style-type:disc; margin: 5px 0 5px 20px; padding: 4px 0; border-bottom: none;}
#invo ul li {margin: 10px 0; width: 45%; display:inline; /*background : url("../images/circle.jpg") left center no-repeat; padding-left: 25px;*/}
#invo ol li {margin: 10px; display:block;}
.txt_addr {width: 100% !important;}
.txt_email {width: 600px !important;}

#invo .form_l {float: left;  clear: both;}
#invo .form_r {float: right;}

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

.week {background: #258914; /*background-image: linear-gradient(to right, #02a64f 0%, #8cc63e 100%);*/ color: #fff; text-align: center; border-radius: 0 20px 20px 0; margin-right: 15px; padding: 3px 25px;}
.plus {background: #f15c21; /*background-image: linear-gradient(to right, #e61f26 0%, #f66f25 100%);*/ color: #fff; text-align: center; border-radius: 0 20px 20px 0; margin-right: 15px; padding: 3px 25px;}
.highline {color: #333;; text-decoration: underline;}

/* search bar */
.container-4{ overflow: hidden; width: 800px; vertical-align: middle; white-space: nowrap; border-radius: 10px;}
.container-4 input#search{ width: 600px; height: 45px; background: #f1f3f4 url("../images/icon_search.jpg") 10px center no-repeat; border: none; float: left; padding-left: 40px; margin-right: 10px;
						   border-radius: 5px; font-size: 24px; -webkit-border-radius: 5px; -moz-border-radius: 5px; vertical-align:middle;}
/* 改變佔位符文字的顏色 */
.container-4 input#search::-webkit-input-placeholder {color: #65737e;}
.container-4 input#search:-moz-placeholder { /* Firefox 18- */ color: #65737e;}
.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */ color: #65737e;}
.container-4 input#search:-ms-input-placeholder {color: #65737e;}

.container-4 button.icon {background: url("../images/btn_search.jpg") no-repeat;; width: 97px; height: 60px; border: 0; opacity: 1; -webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */}
.container-4:hover button.icon:hover{opacity: 1;}

/* font color */
.txt_white {color: #fff;}
.txt_lblue {color: #008e44;}
.txt_blue {color: #015577;}
.txt_pink {color: #ff16ad;}
.txt_gray {color: #5b5b5b;}
.txt_oran {color: #008e44; font-weight: 600;}
.txt_green {color: #008e44 !important; /*text-decoration: underline;*/}
.txt_black {color: #000 !important;}
.txt_y {color: #fff772;}
.txt_imp {color: #e71f19; font-weight: bold;}
.txt_ps {font-size: 22px; line-height: 1.5em;}
.txt_week {font-size: 22px; line-height: 1.5em;}
.txt_small {font-size: 14px; line-height: 1em;}
.small_r {font-size: 14px; line-height: 1em; position: relative; /*top: -10px;*/}
.soon {text-align: center; font-size: 50px; padding: 50px;}

/* space */
.h10 { padding: 10px;}
.h20 {margin-top: 20px !important;}
.h50 {margin-top: 50px !important;}
.space {margin:20px 0 0 190px;}
.space1 {margin-top: 20px;}
.space2 {margin-left: 156px;}
.space_chk {margin-left: 155px;}

.inp1 {float: left;}
.inp2 {float: right; width: 500px;}


#footer{background:#000; width: 100%; padding: 10px 0; font-size: 22px; text-align: center; color: #fff;}
#gotop {position:fixed; z-index:90; right:30px; bottom:30px; display:none; width:65px; height:90px; background: url("../images/gotop.png") center top no-repeat;}



/********************************* 電　　腦 *********************************/
@media only screen and (min-width:0px) {
	
.box_1200 { /*box-shadow: 0px 0px 5px gray;*/ width: 1200px; margin: 50px auto 100px; position: relative;}

/* 浮動固定選單 */
#top-bar {
    background: #e64322;
    width: 100%;
    height: 65px;
    position: sticky;
    top: 0;
    z-index: 100;
    margin: 0 auto;
    transition: box-shadow .25s ease;
}
/* 捲動離開 KV 後顯示陰影 */
#top-bar.nav-scrolled {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .22);
}
#top-bar-bg {width:100%; height:77px; margin-top: 25px; background:rgba(255,244,228,1); position:absolute; /*top:-160px;*/ z-index: 3;}

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

/* menu */
#pc {width:100%; /*height: 100px;*/ position: absolute; z-index: 3; text-align: center; color: #fff;}
#pc .line {font-size: 14px;}
#pc ul li {border-bottom: 0px solid #f1f1f1; margin: 0 auto; display: inline;}
#pc ul li a {display: inline-block; font-size: 24px /*27px*/; font-weight: bold; color: #fff; text-align: center; text-decoration: none; padding: 15px 10px 0;}
#pc ul li a:hover {text-decoration: none; background: url("../images/arr_top.png") center top no-repeat; color: #fff772;}
	

#mobile {width:100%;position: absolute; z-index: 3; /*right: 0;*/}
#mobile .toggle {display: block; margin: 0 auto; padding: 28px 0 0 0; font-size: 30px; color: #FFF; font-weight: bold; text-align: right;}
#mobile .wrap {position: absolute; top: 0px; display: none; width: 100%; height: auto; background: #ee5c2f; text-align: center; padding-bottom: 100px;}
#mobile .wrap li {border-bottom: 0px solid #f1f1f1; margin: 0 auto; padding: 10px 0;}
#mobile .wrap li a {display: block; color: #fff; text-align: center; text-decoration: none;}
#mobile .wrap li a:hover {/*background: #ffd500;*/ color: #ffd500; text-decoration: none;}

/* 主視覺 */
.kv {/*background: url("../images/kv_top.jpg") center top no-repeat; background-size: cover; height: 686px;*/ width: 100%;  position: relative; z-index: 1;}

.title { background: url("../images/bg_item.png") left top no-repeat; /*color: #fff;*/ font-size: 36px; font-weight: bold; width: 297px; height: 90px; padding: 20px 20px 0; margin-left: 30px;}
.title_w {color: #e51e25; font-size: 50px; letter-spacing: 5px; font-weight: bold; text-align: center; padding: 30px 0;}

/* 活動辦法 */
#info {width:100%; overflow-x: hidden;}  /* 裝飾 SVG 以 right:-320px 溢出，在此截斷以免影響 body/fixed 元素 */
#info a, #note a {color: #dc782c;}
#info a:hover, #note a:hover {text-decoration: underline; color: #91402b;}
.info_item {font-size: 30px; font-weight: 600; padding: 2px 50px; background: url("../images/item.png") left top no-repeat; margin-bottom: 5px;}
.info_ps {background: #fff5e9 url("../images/itema.png") 15px 17px no-repeat; color: #ff5400; padding: 10px 10px 10px 40px; /*margin-top: 10px; border-radius: 20px;*/}
.info_plus {background: #f7fffb; height: 190px; padding: 10px 20px; margin-bottom: 20px; border: 1px solid #008e44; border-radius: 20px; color: #008e44;}
.info_left {border-bottom: #008e44 1px dotted; margin-left: 4%; float: left; padding: 5px 0;}
.info_right {border-bottom: #008e44 1px dotted; margin-right: 4%; float: right; padding: 5px 0;}
.info_box {/*background: #f6f6f6;*/ color: #005677; margin: 0 0 20px 0px; padding: 22px; width: 65%;}

.info_a {list-style-image: url("../images/itema.png");}
.info_b {list-style-image: url("../images/itemb.png");}
.info_1 {list-style-image: url("../images/item1.png");}
.info_2 {list-style-image: url("../images/item2.png");}
.info_3 {list-style-image: url("../images/item3.png");}
.info_4 {list-style-image: url("../images/item4.png");}
.info_5 {list-style-image: url("../images/item5.png");}
.info_6 {list-style-image: url("../images/item6.png");}
.info_7 {list-style-image: url("../images/item7.png");}
.info_cup {z-index: 0; position: absolute; left: 500px; padding-top: 160px;}
.info_1000 {z-index: 0; position: absolute; left: 340px; padding-top: 90px;}
.info_machine {z-index: 0; position: absolute; left: 850px; padding-top: 25px;}

.info_img {background: url("../images/bg_info.jpg") center bottom repeat-x; height: 250px;}

/* 登入發票 */
#invo {width:100%; /*background: url("../images/bg_invo.jpg") 870px 830px  no-repeat;*/}
#invo .chktxt {padding: 30px 0;}
ol.chktxt > li {display: flex !important; align-items: flex-start; gap: 10px;}
ol.chktxt > li::after {display: none;}  /* 取消 clearfix 的偽元素，避免成為多餘 flex item */
ol.chktxt .chkbox {flex-shrink: 0; width: 25px !important; height: 25px !important; padding: 0 !important; margin-top: 2px; box-sizing: content-box !important;}
ol.chktxt .chktxt2 {flex: 1; float: none !important; width: auto !important; padding-left: 0;}

#invo .bt {text-align: center; padding: 20px 0; white-space: nowrap;}
.invo_item {padding: 20px 40px 0;}
.invo_1 {background: url("../images/item1.png") 15px 10px no-repeat; margin: 15px 15px 15px 20px; padding: 0 0 0 45px;}
.invo_2 {background: url("../images/item2.png") 15px 10px no-repeat; margin: 15px 15px 15px 20px; padding: 0 0 0 45px;}

/* 填表單 */
.input_btn {border:0px !important; padding-left:26px !important;}
input:not([type="image"]), textarea, select{
    /*background: #85c43f;*/ color: #000 /*文字輸入顏色*/; width: 320px;
    font-size: 26px; font-family: adamina,"微軟正黑體"; 
	padding: 10px;
	caret-color: #6d4b99; outline: none; 
	border: 0; border-bottom: 1px dotted #00a74e;}

select {
	background: #fff; color: #000 /*下拉選單顏色*/; width: 210px;
	font-size: 26px; font-family: adamina,"微軟正黑體";
    padding: 10px; margin: 0 20px 0 0;
	outline: none;
	border-bottom: 1px dotted #00a74e;}
.sele_txt {font-size: 26px;}
.sele_where {width:375px; margin-bottom: 10px;}

input.invo1 { width: 80px; margin: 5px 0; font-size: 26px; padding: 10px; border: 0; border-bottom: 1px dotted #00a74e;}
input.invo2 { width: 200px; font-size: 26px; padding: 10px; border: 0; border-bottom: 1px dotted #00a74e;}

/* 發票號碼：桌機版橫向排列 */
.inv-num-row {display: flex; flex-direction: row; align-items: center; gap: 8px; flex-wrap: nowrap;}
input.ymd { width: 447px; margin: 0 20px 5px 0; background: #85c43f; font-size: 26px; padding: 10px; border: none;}
input.addr, input.least {width: 438px; margin-top: 8px;}
input.other { width: 365px; font-size: 26px; padding: 5px; margin: 0; border: 0; border-bottom: 1px dotted #00a74e;}
.txt_color::placeholder, .txt_email::placeholder, .invo1::placeholder, .invo2::placeholder, .ymd::placeholder, addr::placeholder, .rand::placeholder,
.where::placeholder, .other::placeholder, .veri::placeholder {color: #A8A8A8;}

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

/* upload btn */
.upload_cover {position: relative; text-align: left; cursor: pointer; padding: 2px 0 0 170px;}
.upload_input {display: none;}
.upload_icon {position: absolute; width: 135px; left: 0; top: 0; background: #85c43f; color: #fff; text-align: center; /*margin-left: 25px;*/ padding: 0 5px;}
.delAvatar {position: absolute; right: 2px; top: 2px;}

input[type=checkbox] {
	-webkit-appearance: none; appearance: none; outline: none; cursor: pointer; vertical-align: middle; position: relative;
	width: 29px; height: 29px; left: 0; background: #ccc /*url("../images/checkbox_off.png") left bottom no-repeat*/; border-bottom: 0px;}
input[type=checkbox]:checked::after {content: ""; display: block; position: absolute;
	top: 0px; left: 0px; right: 0; bottom: 0; width: 29px; height: 29px; background: #00a74e url("../images/checkbox_on.png") center bottom no-repeat;}

/* content: ""; 在ios會出現奇怪符號，要記得取消 */

input[type="radio"] {
	background: #ccc;
	-webkit-appearance: none; appearance: none; outline: none; cursor: pointer; vertical-align: center; position: relative;
	margin: 0 15px 0 0; width: 20px !important; height: 20px; 
	top: 0; left: 10px; border: 0; border-radius: 50px;}

input[type="radio"]:checked::after {
	background: #00a74e;
	content: ""; display: block; position: absolute;
	margin: 0 15px 0 0; width: 20px !important; height: 20px; 
	top: 0; left: 0; right: 0; bottom: 0; border: 0; border-radius: 50px;}



/* 注意事項 */
#note {width:100%;
    background: #ffffeb;
    padding: 50px 0;}
#note .txt {font-size: 26px; line-height: 1.5em; height: 800px; margin: 50px auto/* 130px*/; padding-right: 15px; overflow-y: scroll;}

/* 中獎名單 */
#prize {width:100%;}
/*#prize .title {width: 60%; background: linear-gradient(-90deg, rgba(12,108,158,0), rgba(12,108,158,1) 60%); margin: 80px 0 20px; padding: 10px 60px; text-align: left; font-size: 36px; font-weight: bold; color: #fff; border-bottom: 0;}*/
#prize .box_blue {margin: 0 auto 30px; padding: 0 15px 20px; border: 0px solid #0d6fb8; display: block;}
.prize_left, .prize_right {border-bottom: #b3b3b3 1px dotted; width: 48%; padding: 0 10px 10px; line-height: 2em; font-family: monospace; text-align: center; display: inline-block;}
.prize_1 {width: 20%; display: inline-block;}
.prize_2 {width: 35%; display: inline-block;}
	
#prize .box_orang {width: 1060px; margin: 0 auto; padding: 0 10px 10px; border: 0px solid #229539; display: block;}
.prize {border-bottom: #b3b3b3 1px dotted; padding: 0 2%; margin: 2%; line-height: 1.5em; display: block;}

#prize .list {float: left;}
#prize .take {background: #229539; color: #fff; text-align: center; border-radius: 50px; margin: 0 10px 5px 0; padding: 3px 25px; font-size: 24px; line-height: 1.5em; float: right;}
#prize .ready {background: #effcf2; color: #229539; text-align: center; border-radius: 50px; margin: 0 10px 5px 0; padding: 3px 25px; font-size: 24px; line-height: 1.5em; float: right;}

#prize .ps {width: 100%; margin: 0 auto; padding: 25px;}
#prize .txt1 {text-align: center; width: 25%;}
#prize .txt2 {text-align: center; width: 35%;}

/* faq */
.collapse:not(.show) {display: none;}
.collapsing {position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;}


	/* 藍 */
.pb_accordion .item > a {display: block; border-bottom: 1px dotted #008e44; padding: 5px 10px; position: relative; color: #008e44; /*background: #eef8ff;*/ text-decoration: none; margin-bottom: 10px;}
.pb_accordion .item > a:after {position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
    						   font-size: 30px; font-family: 'Ionicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
    						   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f35f"; }
.pb_accordion .item > a[aria-expanded="true"] {color: #fff; background: #008e44; border-bottom: 1px solid transparent; padding: 5px; }
.pb_accordion .item > a[aria-expanded="true"]:after {content: "\f365"; }

	/* 橘 */
.pb_accordion .item_plus > a {display: block; border-bottom: 1px dotted #f15c21; padding: 5px 10px; position: relative; color: #f15c21; /*background: #effcf2;*/ text-decoration: none; margin-bottom: 10px;}
.pb_accordion .item_plus > a:after {position: absolute; right: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
    						   font-size: 30px; font-family: 'Ionicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
    						   -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f35f"; }
.pb_accordion .item_plus > a[aria-expanded="true"] {color: #fff; background: #f15c21; border-bottom: 1px solid transparent; }
.pb_accordion .item_plus > a[aria-expanded="true"]:after {content: "\f365"; }
/*.pb_accordion .item > div *:last-child {margin-bottom: 0; }*/


}





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

.hide-in-pc{display:none !important;}
.hide-in-pad{display:block !important;}
.hide-in-phone{display:none;}

body{ background: #fff; font-size: 30px; line-height: 1.5em;}
.box_1200 {width: 1024px;}
#logo {padding: 15px 0 0 12px; width: 200px; position: absolute; z-index: 3; left: 0;}
#mobile .toggle {padding: 0px 0 0 0; font-size: 30px; color: #FFF; font-weight: bold; text-align: right;}
#top-bar {width: 1024px;}
#top-bar-bg {width:640px; height:100px; margin-top: 15px;}
.kv {background: #ea5520 url("../images/kv_1024.jpg") center bottom no-repeat; background-size: cover; width: 100%; height: 535px; position: relative; z-index: 1;}

.info_plus {height: 410px; padding-left: 15%;}
.info_left {font-size: 30px; line-height: 1.3em; padding: 5px 0; width: 100%; margin: 0 auto !important; text-align: center;}
.info_cup {left: 660px;}
.info_machine {left: 800px;}
.info_1000 {left: 360px; padding-top: 140px;}
.info_img {background: url("../images/bg_info.jpg") center bottom no-repeat; height: 239px;}
.info_box {width: 90%; margin: 0 auto 20px;}

#invo {background: #fff;}

#note {width: 1024px;}
#note .txt {margin: 50px 10px 50px 0;}

#prize .box_blue, #prize .box_orang {width: 950px;}
.prize_left, .prize_right {display: block; width: 93%; text-align: center;}

#footer {width: 1024px;}

}*/





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

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



.upload_cover {/*font-size: 26px !important;*/ text-align: left; padding: 5px 0 0 170px;}

.txt_ps {font-size: 16px; line-height: 1.4em;}
.txt_email {width: 90% !important;}

body{ background: #fff; line-height: 1.8em; font-size: 18px; font-weight: 400; }
#box_kv {width: 100%; margin: 0 auto;}
#box {width: 100%; margin: 35px auto 0;}
.box_1200 { /*box-shadow: 0px 0px 5px gray;*/ width: 100%; margin: 0 auto 50px; position: relative;}

.img {padding: 0 20px;}
	
#top-bar{ width:100%; height:100px;}
/* logo */
#logo {padding: 15px 0 0 12px; width: 200px; position: absolute; z-index: 3; left: 0;}
#mobile {position: fixed; top: 0; z-index: 200;}  /* 固定在右上角，捲動時不消失 */
#mobile .toggle {padding: 0px 0 0 0; /*font-size: 30px;*/ color: #FFF; font-weight: bold; text-align: right;}
	#mobile .toggle img {width: 55px;}
#top-bar-bg {width:100%; height:100px; margin-top: 15px;}

.kv {/*background: #ea5520 url("../images/kv_640.jpg") center top no-repeat; background-size: cover; width: 100%; height: 942px;*/ position: relative; z-index: 1;}

.title { background-position: left -8px; background-size: 33%; font-size: 24px; width: 90%; height: 65px;  padding: 0 0 0 10px; margin-left: 10px;}
.title_w {font-size: 30px;  padding: 0;}
	
#info {/*font-size: 16px;*/margin-top: 35px;}
.info_box {margin: 20px 0; padding: 5px 0 5px 25px; width: 615px; /*font-size: 32px;*/}
.info_item {font-size: 22px; background-position: left 8px; background-size: 35%; padding: 4px 30px}
.info_ps {font-size: 18px; padding: 10px 10px 10px 40px;}
.info_ps {background-position: 10px 10px; background-size: 4%; font-size: 16px; line-height: 1.4em; padding: 5px 15px 5px 30px;}
	
.info_1 {list-style-image: url("../images/item1s.png");}
.info_2 {list-style-image: url("../images/item2s.png");}
.info_3 {list-style-image: url("../images/item3s.png");}
.info_4 {list-style-image: url("../images/item4s.png");}
.info_5 {list-style-image: url("../images/item5s.png");}
.info_6 {list-style-image: url("../images/item6s.png");}
.info_7 {list-style-image: url("../images/item7s.png");}

	
.info_cup {left: 200px; padding-top: 0;}
.info_1000 {left: 355px; padding-top: 175px;}
.info_machine {left: 435px; padding-top: 0;}
.info_plus {height: 400px; padding: 10px 25px;}
.info_left {letter-spacing: 1px; /*font-size: 22px;*/ line-height: 1.6em; width: 100%; margin: 0 auto; text-align: center;}
.info_img {background: url("../images/bg_info640.jpg") center bottom no-repeat; background-size: contain; width: 100%; height: 120px;}

#invo {background: #fff; /*font-size: 16px;*/ margin-top: 35px;}
#invo .form_r {float: left;}
#invo .bt img {padding: 0; width: 45%;}
#invo .bt input {width: 45%;}
.invo_item {padding: 0 10px;}
.invo_1 {background: url("../images/item1s.png") no-repeat;}
.invo_2 {background: url("../images/item2s.png") no-repeat;}
.invo_1, .invo_2 {background-position: 5px 8px; margin-right: 20px; padding-left: 25px;}

	
#invo ul li {margin: 20px 10px; width: 100%; display: block;}
#info ul li {padding: 10px 0;}
#info ol li {padding: 5px 0; margin: 0 0 0 16px; font-size: 16px;}
#info ol li ul li {list-style-type:disc; margin: 3px 0 3px 16px; padding: 2px 0; border-bottom: none;}
	
/* .chkbox / .chktxt2 flexbox layout 已在全域定義，無需 mobile 覆蓋 */

input[type="file"]::-webkit-file-upload-button,
select {width: 35%; font-size: 18px; margin-bottom: 10px;}
select.where {width: 100%; max-width: 275px; margin: 15px 0; box-sizing: border-box;}
select.tw_zip {width: 46%; margin-right: 2%; box-sizing: border-box;}  /* 確保縣市/鄉鎮選單不截字 */

/* 發票號碼：行動版改直向 */
.inv-num-row {display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
/*input.other {width: 90% !important;}*/
.sele_txt {font-size: 18px;}
/*.input_btn {padding-left: 28px !important;}*/
input:not([type="image"]), textarea{width: 100%; max-width: 275px; font-size: 18px; text-align: left; padding: 10px; box-sizing: border-box;}
input.ymd { width: 100%; max-width: 332px; margin: 0 20px 5px 0; /*background: #ffead8; font-size: 28px;*/ padding: 10px 5px; border: none; box-sizing: border-box;}
input.invo1 { width: 60px; margin: 5px 0; /*background: #ffead8; font-size: 28px;*/ padding: 10px 5px; /*border: none;*/}
input.invo2 { width: 150px; /*background: #ffead8; font-size: 28px;*/ padding: 10px 5px; /*border: none;*/}
input.addr, input.least {width: 90%; padding: 10px;}

input[type=checkbox], input[type=checkbox]:checked::after {width: 20px; height: 20px; background-size: 95%;}
	
input[type="radio"] {top: 3px;}

.inp2 {width: 400px;}

.upload_icon {font-weight: bold;}

#note {width: 100%; padding: 50px 0 5px;}
#privacy {width: 100%; padding: 50px 0 5px;}
#note .txt, #privacy .txt {font-size: 16px; line-height: 1.6em; height: 500px; margin: 30px auto; padding-right: 20px; overflow-y: scroll;}
#note ol li {margin: 10px 0 10px 50px;}
#note ol li ul li {margin: 10px 0 10px 25px;}  /* 小點縮排減少 */
.winner_tbl {font-size: 16px;} /* ≤1000px 同 #note .txt */

#prize {margin-top: 35px;}
#prize .box_blue {width: 90%; padding: 0 5px 15px;}
#prize .box_orang {width: 90%;}
.prize_left, .prize_right {width: 100%; padding: 10px 0; margin: 0 auto;}
#prize .take, #prize .ready {padding: 3px 10px;}
#prize .ps {width: 100%; margin: 0 auto; padding: 25px 0; border-bottom: 1px solid #fff;}

.container-4 {width:95%; margin: 0 0 0 15px; background-size: 120%;}
.container-4 input#search{ width: 75%; height: 35px; font-size: 16px; padding-left: 35px; margin-right: 5px; background-position: 5px center;}
.container-4 button.icon {background-size: 80%; height: 50px;}
	
.pb_accordion .item { padding:0;}
.pb_accordion .item_plus { padding: 5px 0;}

	.tabs {padding: 0 0 35px;}
.tabs__radio + .tabs__label { /* 標籤背景色 */
	font-size: 14px;
	flex: 1;
	text-align: center;
	padding: 8px 4px !important;
	margin-right: 3px !important;
	white-space: nowrap;
}
	
.soon {font-size: 30px; padding: 20px;}
	
#footer{font-size: 10px; width: 100%; line-height: 1.2em;}
#gotop {bottom: 15px; right: 15px; width: 48px; height: 48px; background-size: contain;}

}

/* ULOS 2026 visual overrides */
:root {
	--ulos-blue: #006db7;
	--ulos-deep: #004a91;
	--ulos-sky: #40c8ed;
	--ulos-ice: #e8f8ff;
	--ulos-gold: #d8b45f;
}

body {
	background: #f3f9fc;
	color: #102c45;
	font-family: Arial, "Noto Sans TC", "Microsoft JhengHei", sans-serif;
}

#box {
	background:
		linear-gradient(180deg, #ffffff 0%, #eff9ff 42%, #ffffff 100%);
}

#top-bar,
#mobile .wrap,
.pb_accordion .item a,
.pb_accordion .item_plus a {
	background: linear-gradient(90deg, var(--ulos-deep), var(--ulos-blue));
}

#top-bar a,
#mobile a {
	color: #fff;
}

#nav ul li a,
#pc ul li a,
#mobile .wrap li a {
	color: #fff !important;
	font-weight: 700;
	text-shadow: 0 1px 3px rgba(0, 38, 74, .55);
	letter-spacing: 0;
}

#top-bar {
	box-shadow: 0 6px 16px rgba(0, 74, 145, .18);
}

.title,
.title_w {
	color: var(--ulos-deep);
	font-family: "Noto Serif TC", "Noto Sans TC", "Microsoft JhengHei", serif;
	letter-spacing: 0;
	background: none !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 auto !important;
	text-align: center;
	font-size: 38px !important;
	font-weight: 700;
	line-height: 1.25 !important;
}

.title_w {
	font-size: 34px !important;
}

.title:after,
.title_w:after,
#info:before,
#invo:before {
	content: "";
	display: block;
	width: min(720px, 86vw);
	height: 44px;
	margin: 6px auto 0;
		background: url("../images/deco_wave.svg") center/contain no-repeat;
		opacity: .72;
	pointer-events: none;
}

#info:before,
#invo:before {
	display: none;
}

.info_item,
.invo_item,
.week,
.plus {
	background: linear-gradient(90deg, #004a91, #0076bd 58%, #20bddc);
	color: #fff !important;
	border: 2px solid rgba(255,255,255,.7);
	box-shadow: 0 8px 18px rgba(0, 74, 145, .16);
}

.info_item {
	display: block;
	font-family: "Noto Serif TC", "Noto Sans TC", "Microsoft JhengHei", serif;
	background: linear-gradient(90deg, #005aa8, #009bd0) !important;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 45, 82, .28);
}

.activity_desc {
	margin: 10px 0 0 0;
	padding: 0;
}

.activity_desc li {
	list-style: none !important;
	margin: 0 0 8px 0 !important;
	padding: 12px 16px 12px 50px !important;
	border: 1px solid rgba(0, 109, 183, .16);
	background: rgba(255, 255, 255, .78);
	position: relative;
}

.activity_desc li:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 12px;
	width: 24px;
	height: 24px;
	border-radius: 0;
	background: url("../images/ulos_cube.svg") center/contain no-repeat;
	box-shadow: none;
}

.activity_desc li,
#note .txt li {
	text-align: justify;
	text-align-last: left;
	text-justify: inter-ideograph;
}

#info .img > li > p:not(.info_item),
#info .img > li > ol,
#info .img > li > ul:not(.activity_desc),
#info .img > li > .activity_desc,
#info .img > li > .award_tiers,
#info .img > li > .award_visual {
	margin-left: 34px !important;
	width: calc(100% - 48px);
	padding-right: 28px;
	box-sizing: border-box;
	position: relative;
	z-index: 1; /* 確保文字在 ::after 裝飾方塊之上 */
}

#info .img > li > p:not(.info_item) {
	padding: 8px 28px 8px 0;
	border-left: 0;
	background: linear-gradient(90deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.82) 52%, rgba(255,255,255,0.38) 76%, rgba(255,255,255,0) 100%);
	box-sizing: border-box;
	text-align: justify;
	text-align-last: left;
	text-justify: inter-ideograph;
}

#info .img > li > ol {
	position: relative;
	padding-left: 22px;
	padding-right: 28px;
	border-left: 0;
	box-sizing: border-box;
	background: linear-gradient(90deg, rgba(255,255,255,.78) 0%, rgba(255,255,255,.78) 52%, rgba(255,255,255,0.35) 76%, rgba(255,255,255,0) 100%);
	text-align: justify;
	text-align-last: left;
	text-justify: inter-ideograph;
}

#info .img > li > ol:before {
	display: none;
}

.award_tiers {
	display: block;
}

.award_tiers p {
	margin: 0 0 10px !important;
	padding: 0;
	background: linear-gradient(90deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.8) 50%, rgba(255,255,255,0.35) 76%, rgba(255,255,255,0) 100%);
	border: 1px solid rgba(0,109,183,.16);
	box-shadow: 0 8px 18px rgba(0,74,145,.08);
	display: flex;
	align-items: stretch;
}

.award_tiers .week {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 220px;
	flex: 0 0 220px;
	margin: 0;
	border-radius: 0;
	padding: 8px 12px;
	text-align: center;
	white-space: nowrap;
}

.award_tiers .txt_black {
	display: flex;
	align-items: center;
	flex: 1;
	padding: 10px 12px 12px;
	line-height: 1.45;
	color: #153b5c;
	text-align: justify;
	text-align-last: left;
	text-justify: inter-ideograph;
}

.award_visual {
	display: block;
	margin: 18px auto 0;
	border-radius: 0;
	box-shadow: none;
}

.txt_oran,
.txt_green,
.highline {
	color: var(--ulos-blue) !important;
}

#info a,
#note a,
#info a:hover,
#note a:hover,
a,
a:hover {
	color: var(--ulos-blue) !important;
}

.box_blue,
.box_orang,
#invo,
#info .img > li {
	border-color: rgba(0, 109, 183, .18);
	box-shadow: 0 12px 32px rgba(0, 74, 145, .09);
}

#invo {
	background: #fff;
	position: relative;
	z-index: 1; /* 高於 info li 的 z-index:0，防止綠色方塊溢出蓋到此區 */
}

#info .img > li {
	background: linear-gradient(90deg, #fff 0%, #fff 55%, rgba(255,255,255,0.55) 75%, rgba(255,255,255,0.06) 100%);
	position: relative;
	overflow: visible;
	z-index: 0; /* 建立 stacking context，::after z-index:-1 在 li 文字之後、li 背景之前 */
}

/* li:nth-child(2) 比 li:nth-child(3) 高一層，蓋住藍色方塊往上 68px 的溢出區域 */
#info .img > li:nth-child(2) {
	z-index: 1;
}

#info .img > li:nth-child(3)::after {
	content: "";
	position: absolute;
	right: -320px;
	top: -68px;
	width: 500px;
	height: 306px; /* viewBox 1437×878 → 500px wide = 306px tall */
	background: url("../images/ulos_deco_blue1_2.svg") no-repeat left top / 100% 100%;
	pointer-events: none;
	z-index: -1; /* li stacking context 內，-1 排在 li 文字之後 */
	opacity: 0.12;
}

#info .img > li:nth-child(5)::after {
	content: "";
	position: absolute;
	right: -330px;
	bottom: -108px;
	width: 520px;
	height: 471px; /* viewBox 1366×1237 → 520px wide = 471px tall */
	background: url("../images/ulos_deco_green1_2.svg") no-repeat left top / 100% 100%;
	pointer-events: none;
	z-index: -1; /* li stacking context 內，-1 排在 li 文字之後 */
	opacity: 0.12;
}

#invo {
	background:
		linear-gradient(rgba(255,255,255,.90), rgba(255,255,255,.90)),
		url("../images/ulos_deco_green1_2.svg") right -240px top -20px / 420px auto no-repeat,
		url("../images/ulos_deco_blue1_2.svg") left -200px bottom -20px / 400px auto no-repeat,
		#fff !important;
	padding: 34px 46px 0;
	box-sizing: border-box;
}

#note {
	background:
		linear-gradient(rgba(255,255,255,.90), rgba(255,255,255,.90)),
		url("../images/ulos_deco_blue1_2.svg") left -220px top 40px / 420px auto no-repeat,
		url("../images/ulos_deco_green1_2.svg") right -200px bottom 20px / 400px auto no-repeat,
		linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;
}

#note .note {
	scrollbar-color: #0076bd rgba(0, 109, 183, .09);
	scrollbar-width: thin;
}

.note::-webkit-scrollbar {
	width: 14px !important;
	height: 8px !important;
}

.note::-webkit-scrollbar-track {
	background: rgba(0, 109, 183, .09) !important;
	border-radius: 8px !important;
}

.note::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #00a6d6, #005aa8) !important;
	border-radius: 8px !important;
}

.txt_ps,
#note .txt {
	color: #3b5568;
}

#note .txt, #privacy .txt {
	height: 372px !important; /* 約12行 */
}

.info_ps,
.info_plus {
	background: rgba(232, 248, 255, .88) !important;
	color: #143b5c !important;
	border-color: rgba(0, 109, 183, .24) !important;
}

.info_left,
.info_right,
.prize,
.prize_left,
.prize_right,
#info ol li,
.pb_accordion .item > a,
.pb_accordion .item_plus > a,
input:not([type="image"]),
textarea,
select,
input.invo1,
input.invo2,
input.other {
	border-color: rgba(0, 109, 183, .28) !important;
}

.pb_accordion .item > a,
.pb_accordion .item_plus > a {
	color: var(--ulos-deep) !important;
	background: rgba(255,255,255,.9) !important;
}

.pb_accordion .item > a[aria-expanded="true"],
.pb_accordion .item_plus > a[aria-expanded="true"],
input.ymd,
.upload_icon,
input[type=checkbox]:checked::after,
input[type="radio"]:checked::after,
#prize .take {
	background: linear-gradient(90deg, var(--ulos-deep), var(--ulos-blue)) !important;
	color: #fff !important;
}

.upload_cover {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	column-gap: 20px;
	row-gap: 6px;
	align-items: center;
	width: min(520px, 100%);
	min-height: 48px;
	padding: 0 !important;
	line-height: 1.35;
}

.upload_cover br {
	display: none;
}

.upload_icon,
.form_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 140px;
	height: 44px;
	box-sizing: border-box; /* span(upload_icon) 與 button(form_btn) 統一 border-box */
	border: 2px solid #005aa8 !important;
	border-radius: 4px;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0;
	cursor: pointer;
	box-shadow: 0 6px 14px rgba(0, 74, 145, .12);
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}

.upload_icon {
	width: 140px !important;
	position: static;
	padding: 0 24px !important;
	background: #005aa8 !important;
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0,45,82,.3);
}

/* 覆蓋 #invo section.invo_item span { color: #153b5c } 的干擾 */
#invo section.invo_item span.upload_icon {
	color: #fff !important;
}

.upload_cover > .txt_gray:not(.txt_ps) {
	display: block;
	min-width: 0;
	padding: 9px 12px;
	border: none;
	background: transparent;
	color: #4d6475;
	font-size: 18px;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.upload_cover > .txt_ps {
	grid-column: 2;
	display: block;
	margin-top: -2px;
	color: #587082 !important;
	font-size: 16px;
	line-height: 1.4;
}

.upload_cover:hover .upload_icon,
.form_btn:hover {
	transform: translateY(-1px);
}

.form_btn {
	font-family: Arial, "Noto Sans TC", "Microsoft JhengHei", sans-serif;
	padding: 0 24px;
}

.form_btn_reset {
	background: #fff;
	color: #005aa8;
}

.form_btn_submit {
	background: #005aa8;
	color: #fff;
}

.form_btn_reset:hover {
	background: #004a91 !important;
	border-color: #004a91 !important;
	color: #fff !important;
}
.upload_cover:hover .upload_icon,
#invo section.invo_item .upload_cover:hover span.upload_icon {
	background: #004a91 !important;
	border-color: #004a91 !important;
	color: #fff !important;
}

.form_btn_submit:hover {
	background: #004a91;
	border-color: #004a91 !important;
	color: #fff;
}

#prize .ready {
	background: var(--ulos-ice) !important;
	color: var(--ulos-deep) !important;
}

input:not([type="image"]),
textarea,
select {
	border-color: rgba(0, 109, 183, .35);
}

input:not([type="image"]):focus,
textarea:focus,
select:focus {
	border-color: var(--ulos-blue);
	box-shadow: 0 0 0 3px rgba(64, 200, 237, .22);
	outline: none;
}

#gotop {
	background: url("../images/gotop_ulos.svg") center/contain no-repeat !important;
	border-radius: 50%;
}

#gotop i {
	display: none;
}

.info_1,
.info_2,
.info_3,
.info_4,
.info_5,
.info_6 {
	list-style-image: none !important;
}

.invo_1,
.invo_2 {
	background-image: none !important;
	position: relative;
}

.info_a,
.info_b,
.info_7 {
	list-style-image: none !important;
}

.info_ps,
.info_img {
	background-image: none;
}

.info_img {
	position: relative;
	height: 132px;
	margin: 24px 0 18px;
	background:
		linear-gradient(rgba(255,255,255,.90), rgba(255,255,255,.90)),
		url("../images/ulos_deco_blue1_2.svg") left max(3vw, 20px) center / 400px auto no-repeat,
		url("../images/ulos_deco_green1_2.svg") right max(3vw, 20px) center / 400px auto no-repeat !important;
}

.info_img:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: min(720px, 70vw);
	height: 2px;
	transform: translate(-50%, -50%);
	background: linear-gradient(90deg, rgba(0,109,183,0), rgba(0,166,214,.86), rgba(53,190,117,.7), rgba(0,109,183,0));
}

.info_item {
	background: linear-gradient(90deg, #005aa8 0%, #009bd0 55%, rgba(0, 155, 208, 0.15) 100%) !important;
}

#prize {
	background: #fff !important;
}

#invo .form_l,
#invo .form_r,
#invo .txt_addr,
#invo .txt,
#invo .chktxt,
#invo .chktxt2,
#invo p,
#invo label,
#invo span {
	color: #153b5c;
}

#invo .txt_green,
#invo .txt_imp,
#invo .txt_oran {
	color: var(--ulos-deep) !important;
}

#main_form {
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	box-sizing: border-box;
}

#top-bar-bg {
	background: rgba(232, 248, 255, .86) !important;
}

#pc ul li a:hover,
#nav ul li a:hover {
	background: none !important;
	color: #d8f7ff !important;
}

#mobile .wrap {
	background: linear-gradient(180deg, rgba(0, 74, 145, .98), rgba(0, 132, 190, .98)) !important;
}

#invo ul.invo_item {
	background: #fff !important;
	color: #153b5c !important;
	border: none !important;
	box-shadow: none !important;
	margin: 18px 0 30px;
	padding: 28px 42px 24px;
	box-sizing: border-box;
}

#invo ul.invo_item,
#invo ul.invo_item p,
#invo ul.invo_item label,
#invo ul.invo_item span,
#invo ul.invo_item li {
	color: #153b5c !important;
}

#invo section.invo_item {
	background: #fff !important;
	color: #153b5c !important;
	padding: 34px 48px 0 40px !important;
	margin-top: 26px;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}

#invo section.invo_item,
#invo section.invo_item p,
#invo section.invo_item label,
#invo section.invo_item span {
	color: #153b5c !important;
}

#invo section.invo_item input,
#invo section.invo_item select,
#invo section.invo_item textarea {
	color: #153b5c !important;
}

#invo .bt {
	display: flex;
	justify-content: center;
	gap: 14px;
	padding: 22px 0 26px;
	margin: 0 0 0;
}

.tabs {
	border-bottom-color: #006db7 !important;
	background: rgba(255,255,255,.72);
}

.tabs__radio + .tabs__label {
	background: #d8f7ff !important;
	color: #005aa8 !important;
	border: 1px solid rgba(0,109,183,.24);
	border-bottom: 0;
}

.tabs__radio:checked + .tabs__label {
	background: #005aa8 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

.tabs__radio:checked + .tabs__label,
.tabs__radio:checked + .tabs__label * {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 45, 82, .35);
}

.tabs__radio:checked + .tabs__label + .tabs__content {
	border-top-color: #006db7 !important;
}

.tabs__content {
	background: #fff !important;
	border: 1px solid rgba(0, 109, 183, .18);
	box-shadow: 0 10px 24px rgba(0, 74, 145, .08);
	padding: 24px 40px 24px 42px;
	box-sizing: border-box;
}

.tabs__content .row {
	margin-left: 0;
	margin-right: 0;
}

/* select 自訂背景三角已移除，使用瀏覽器原生箭頭 */

input[type=checkbox]:checked::after {
	background: #006db7 url("../images/checkbox_on_ulos.svg") center/contain no-repeat !important;
}

#invo section.invo_item .chktxt,
#invo section.invo_item .chktxt *,
#invo section.invo_item .txt_ps,
#invo section.invo_item .txt_green,
#invo section.invo_item .txt_imp,
#invo section.invo_item .txt,
#invo section.invo_item li,
#invo section.invo_item label {
	color: #153b5c !important;
}

#invo section.invo_item input[type="radio"],
#invo section.invo_item input[type="checkbox"] {
	background: #fff !important;
	border: 2px solid #006db7 !important;
	box-shadow: 0 0 0 3px rgba(0, 109, 183, .08);
}

#invo section.invo_item input[type="checkbox"] {
	border-radius: 3px;
}

#invo section.invo_item input[type="checkbox"]:checked {
	background: #006db7 !important;
}

#invo section.invo_item input[type="checkbox"]:checked::after {
	background: url("../images/checkbox_on_ulos.svg") center/18px 18px no-repeat !important;
	width: 100%;
	height: 100%;
}

#invo section.invo_item input[type="radio"]:checked::after {
	background: #006db7 !important;
	box-shadow: inset 0 0 0 4px #fff;
	width: 20px !important;
	height: 20px;
}

#invo section.invo_item .other::placeholder,
#invo section.invo_item input::placeholder {
	color: rgba(21, 59, 92, .45) !important;
}

.marketing_choice .marketing_marker {
	color: #d8b45f !important;
	font-weight: 900;
	margin-right: 4px;
	text-shadow: none;
}

#prize:before,
#prize .title:after {
	display: none !important;
	content: none !important;
	background: none !important;
}

@media screen and (max-width: 640px) {
	.title:after,
	.title_w:after,
	#info:before,
	#invo:before {
		height: 36px;
	}

	.title,
	.title_w {
		font-size: 30px !important;
		line-height: 1.2 !important;
	}

	.title_w {
		font-size: 28px !important;
	}

	.award_tiers {
		display: block;
	}

	.award_tiers p {
		display: block;
	}

	.award_tiers .week {
		width: auto;
		flex: none;
		display: block;
	}

	.activity_desc li {
		padding: 10px 12px 10px 42px !important;
	}

	.activity_desc li:before {
		left: 15px;
		top: 12px;
		width: 20px;
		height: 20px;
	}

	#info .img > li > p:not(.info_item),
	#info .img > li > ol,
	#info .img > li > ul:not(.activity_desc),
	#info .img > li > .activity_desc,
	#info .img > li > .award_tiers,
	#info .img > li > .award_visual {
		margin-left: 14px !important;
		width: calc(100% - 20px);
	}

	#info .img > li > p:not(.info_item) {
		padding-left: 12px;
		padding-right: 12px;
		border-left-width: 3px;
	}

	#info .img > li:nth-child(3),
	#info .img > li:nth-child(5),
	#invo {
		background: #fff !important;
	}

	#note {
		background: linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;
	}

	#invo {
		padding: 22px 18px 0;
	}

	#invo section.invo_item {
		padding: 22px 18px 0 !important;
	}

	.tabs__content {
		padding: 0 14px;
	}

	#invo ul.invo_item {
		margin: 14px 0 24px;
		padding: 18px 14px 16px;
	}

	.upload_cover {
		display: grid;
		grid-template-columns: 1fr;
		padding-left: 0 !important;
	}

	.upload_icon {
		position: static;
		margin: 0 0 8px;
	}

	.upload_cover > .txt_gray:not(.txt_ps),
	.upload_cover > .txt_ps {
		grid-column: 1;
	}

	#invo .bt {
		flex-direction: column;
		align-items: stretch;
	}

	.form_btn {
		width: 100%;
	}
}

/* ====== 個資法相關聲明 ====== */
#privacy {
	background:
		linear-gradient(rgba(255,255,255,.90), rgba(255,255,255,.90)),
		url("../images/ulos_deco_green1_2.svg") right -200px bottom 20px / 420px auto no-repeat,
		linear-gradient(180deg, #f7fcff 0%, #ffffff 100%) !important;
}

#privacy .txt {
	height: 372px; /* 約12行 */
	overflow-y: scroll;
	padding-right: 20px;
}

#privacy .privacy_note {
	scrollbar-color: #0076bd rgba(0, 109, 183, .09);
	scrollbar-width: thin;
}

#privacy ol {
	list-style-position: outside;
}

#privacy ol li {
	margin: 10px 0 10px 50px;
	list-style-type: decimal;
	text-align: justify;
	text-align-last: left;
	line-height: 1.6;
}

/* ====== 得獎名單表格 ====== */
.winner_tbl {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0 20px;
	font-size: 26px; /* 同 #note .txt 基準字級 */
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 74, 145, .08);
}

.winner_tbl thead tr {
	background: linear-gradient(90deg, #005aa8, #009bd0);
}

.winner_tbl th {
	color: #fff;
	font-weight: 700;
	padding: 11px 18px;
	text-align: center;
	letter-spacing: .03em;
	border: none;
}

.winner_tbl td {
	padding: 9px 18px;
	text-align: center;
	border-bottom: 1px solid rgba(0, 109, 183, .1);
	color: #153b5c;
	font-family: monospace, "Noto Sans TC", "Microsoft JhengHei", sans-serif;
	letter-spacing: .02em;
	background: transparent;
}

.winner_tbl tbody tr:nth-child(even) td {
	background: rgba(0, 155, 208, .05);
}

.winner_tbl tbody tr:hover td {
	background: rgba(0, 109, 183, .09);
}

.winner_tbl .wt_idx {
	width: 52px;
	color: rgba(0, 90, 168, .55);
}

.winner_tbl .wt_prize {
	width: 14%;
	white-space: nowrap;
}

/* 獎項欄位只在 td（內文）才套深藍色，th 維持白字 */
.winner_tbl td.wt_prize {
	color: #005aa8;
}

.winner_tbl .wt_name {
	width: 18%;
}

.winner_tbl .wt_mobile {
	width: 26%;
}

.winner_tbl .wt_serial {
	width: 36%;
	letter-spacing: .06em;
}

@media screen and (max-width: 767px) {
	.winner_tbl {
		font-size: 16px; /* ≤767px 同 #note .txt */
	}
	.winner_tbl th,
	.winner_tbl td {
		padding: 8px 8px;
	}
	.winner_tbl .wt_serial {
		letter-spacing: 0;
	}
}