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

@charset "utf-8";

/* 顯示 & 隱藏 */
.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-size: 20px;
    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: /*24px*/ 27px; 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;}
/* --------------------------------------------------------------------------------------------------------------- */


/* 滚動槽 */
.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.5);}
/* 滚動滑塊 */
.note::-webkit-scrollbar-thumb {border-radius: 3px;	background: #f16d7b;
	   /*-webkit-box-shadow: inset 0 0 10px rgba(16,39,130,0.8);*/}

/* 展開收合效果 */
.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.img {margin: 30px 0px; 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%);*/}
#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 ul li {margin: 10px 0 10px 60px; list-style-type:decimal;}
#note ul li ol 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{ -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
  						  border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: none; background: #232833 url("../images/btn_search.jpg") no-repeat; height: 50px; width: 50px; color: #4f5b66; opacity: 0; font-size: 10pt;
  					 	  -webkit-transition: all .55s ease; -moz-transition: all .55s ease; -ms-transition: all .55s ease; -o-transition: all .55s ease; transition: all .55s ease;}
/* 添加鼠標懸停效果 */
/*.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{outline: none; opacity: 1; margin-left: -50px;}
/*.container-4:hover button.icon:hover{background: white;}*/
.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: bold;}
.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: /*#d33718*/ #e64322; width:100%; height: 65px; position: relative; top: 0 !important; z-index: 4; margin: 0 auto;
/* CSS3 陰影*/ /*-webkit-box-shadow: 0px 8px 15px #333; -moz-box-shadow: 0px 8px 15px #333; box-shadow: 0px 8px 15px #333;   */}
/*#top-bar-bg {width:1200px; height:110px; background:rgba(50,179,191,1); position:fixed; top:-110px; z-index: 3;}*/
#top-bar-bg {width:100%; height: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 .toggle {display: block; margin: 0 auto; padding: 28px 0 0 0; font-size: 30px; color: #FFF; font-weight: bold; text-align: right;}
#pc .wrap {position: absolute; top: 0px; display: none; width: 100%; background: #32b3bf; text-align: center;}*/
#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;}
/*#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_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%;}
#info a, #note a {color: #dc782c;}
#info a:hover, #note a:hover {text-decoration: underline; color: #91402b;}
.info_item {font-size: 30px; font-weight: bold; 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_bottom {background: url("../images/bg_info.jpg") center bottom no-repeat; width: 100%; height: 561px; top:3400px; text-align: center; position: absolute; z-index: 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;}
.chkbox {width: 5%; vertical-align:middle;}
.chktxt2 {width:95%; float: right; padding-left: 5px; vertical-align:middle;}

#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;}
/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder, input[type=text]::placeholder { color: #A8A8A8 !important; }

select {
	background: #fff url("../images/arr_sele.png") center right no-repeat; color: #000 /*下拉選單顏色*/; width: 210px;
	font-size: 26px; font-family: adamina,"微軟正黑體"; 
    padding: 10px; margin: 0 20px 0 0; 
	-webkit-appearance: none; appearance: none; outline: none;
	border-bottom: 1px dotted #00a74e;}
.sele_txt {font-size: 28px;}
.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: 340px; font-size: 26px; padding: 10px; border: 0; border-bottom: 1px dotted #00a74e;}
input.ymd { width: 447px; margin: 0 20px 5px 0; background: #85c43f; font-size: 26px; padding: 10px; border: none;}
input.addr, input.least {width: 438px;}
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_plus > a {display: block; border-top: 10px solid #fff; padding: 10px; position: relative; color: #ea5520; background: #fff4e4 url("../images/icon_down2.jpg") 1020px center no-repeat; text-decoration: none;}


*****/

	/* 藍 */
.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: 15px; line-height: 1.4em;}
.txt_email {width: 90% !important;}

body{ background: #fff; line-height: 1.8em; font-size: 18px;}
#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 .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: 15px; 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: 10px 0; margin: 0 0 0 25px;}
	
.chkbox {width: 5% !important;}
.chktxt2 {width:90%;}

input[type="file"]::-webkit-file-upload-button,
select {width: 35%; font-size: 18px; margin-bottom: 10px;}
select.where {width: 275px; margin: 15px 5px;}
/*input.other {width: 90% !important;}*/
.sele_txt {font-size: 18px;}
/*.input_btn {padding-left: 28px !important;}*/
input:not([type="image"]), textarea{width: 275px; font-size: 18px; text-align: left; padding: 10px;}
input.ymd { width: 332px; margin: 0 20px 5px 0; /*background: #ffead8; font-size: 28px;*/ padding: 10px 5px; border: none;}
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;}
#note .txt {font-size: 16px; line-height: 1.6em; height: 500px; margin: 30px auto/* 130px*/; padding-right: 20px; overflow-y: scroll;}
#note ul li {margin: 10px 0 10px 50px;}

#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 10px 35px;}
.tabs__radio + .tabs__label { /* 標籤背景色 */
	font-size: 14px;
}
	
.soon {font-size: 30px; padding: 20px;}
	
#footer{font-size: 10px; width: 100%; line-height: 1.2em;}
#gotop {bottom: -45px; width: 120px; height:120px; background-size: 40%; right: -25px;}

}

@media (max-device-width:480px) {
    .info_txt {font-size: 15px;}
}