Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin:0;
}
	
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}

html{
	width:100%;
	height:100%;
	/*overflow: hidden;*/
}

body {
	line-height: 1.4;

	font-family:'Lato',STHeiti,'Microsoft JhengHei','微軟正黑體', "Apple LiGothic Medium", "蘋果儷中黑", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size:11pt;

	color:#333333;

	width:100%;
	height:100%;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a{
	text-decoration: none;
	color:inherit;
	-webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    cursor: pointer;
    color:#629fbe;
}
a:hover{
	color:#73cde5;
}

.wrapper {
	width:100%;
	min-width: 960px;
	background-color: #f4eade;
	color:#3F3F3F;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	width:100%;
	height:100px;
	overflow: hidden;
	position: absolute;
	z-index: 99;
}
	.headerBar{
		width:100%;
		height:15px;
		background-color:#FFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	}
	.logoBar{
		width:300px;
		height:80px;
		background: url(../images/logoBar.png) no-repeat right center;
	}

/* Middle
-----------------------------------------------------------------------------*/

.middle{
	position: relative;
	width:100%;
	max-width:960px;
	margin:0 auto;
	background-color: #FFF78F;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

	.topImageBg{
		width:100%;
		height:650px;
		background: url(../images/topImageBg.jpg) no-repeat center 100%;
	}

	.title_01{
		font-size: 14pt;
		text-align: center;
		font-weight: bold;
		padding:0 30px;
		margin-bottom:6px;
		color:#004FA2;
	}
	.BigTitle{
		text-align: center;
		font-weight: bold;
		font-size: 30pt;
		color:#E21837;
	}
	bigTitlePrice{
		font-size: 48pt;
	}
	.title_02{
		width:340px;
		height:32px;
		padding:3px 20px;
		margin:0 auto;
		margin-top: 8px;
		margin-bottom: 30px;

		color:#FFF;
		text-align: center;
		font-weight: bold;
		font-size: 14pt;
		background-color: #004FA2;
		border-radius: 16px;
	}

	.text{
		padding:0 30px;
		text-align: center;
		font-size: 11pt;
	}

	.outerBox{
		background-color:#FFF;
		border-radius: 10px;
	}
	.discountBox{
		margin:0 30px;
		max-height:1200px;
		overflow:hidden;
		-webkit-transition: 0s;
  		transition: 0s;
	}
		.navBar{
			margin:0 26px;
			margin-top:40px;
			margin-bottom:10px;
			padding:2px;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
		}
			.navBtn{
				height:120px;
				padding:0 4px;
				padding-top: 20px;
				color:#FFF;
				text-align: center;
				font-size:13pt;
				font-weight: bold;
				background-color:#004FA2;
				background-position: center center;
				background-size: contain;
				background-repeat: no-repeat;
				border: 2px solid #FFF;
				margin:2px;
				-webkit-flex: 1;
				        flex: 1;
			}
				.navBtn:hover{
					opacity: 0.8;
					cursor: pointer;
				}
				.nav_subtext{
					padding-top:6px;
					font-size:11pt;
				}
			#btn_01{
				background-image: url(../images/nav_btn_image_01.png);
			}
			#btn_02{
				background-image: url(../images/nav_btn_image_02.png);
			}
			#btn_03{
				background-image: url(../images/nav_btn_image_03.png);
			}
			#btn_04{
				background-image: url(../images/nav_btn_image_04.png);
			}
			#btn_05{
				background-image: url(../images/nav_btn_image_05.png);
			}
			#btn_06{
				background-image: url(../images/nav_btn_image_06.png);
			}
			#btn_07{
				background-image: url(../images/nav_btn_image_07.png);
			}
		.discountDetail{
			width:100%;
			padding:20px 20px;
			height:300px;
			background: url(../images/plane.jpg) no-repeat right top;
			border-radius: 10px;
		}
			.discountNumber{
				float:left;
				width:100px;
				height:200px;
				font-family: Arial;
				font-size: 120pt;
				display: -webkit-flex;
		        display: flex;
		        -webkit-align-items: center;
		        align-items: center;
		        -webkit-justify-content: center;
		        justify-content: center;
		        color:#004FA2;
			}
			.discountText{
				float:left;
				height:200px;
				font-size:20px;
				padding-top: 52px;
		        color:#004FA2;
			}
				.textHighlight{
					color:#E21837;
				}
				.additionalText{
					margin-top: 5px;
					font-size:16px;
				}
			.mainMsg{
				float:left;
				margin-top:20px;
				width:100%;
				text-align: center;
				font-size: 18pt;
				color:#004FA2;
			}

		@media screen and (max-width:599px) {
			.title{
				padding:0 20px;
			}
			.text{
				padding:0 20px;
			}
		}

	.enterBtn{
        margin: 0 auto;
        width:160px;
        height:50px;
        background:#007CC4;
        font-size:14pt;
        color:#FFF;
		border:none;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;

        border-radius: 10px;
        box-shadow:0px 5px #004FA3;

        overflow: hidden;
    }
        .enterBtn:hover{
        	color:#FFF;
            background:#0995DB;
            box-shadow:0px 5px #0861B2;
            cursor:pointer;
        }
        .enterBtn:active{
            background:#0068AF;
            box-shadow:0px 5px #00437F;
        }

    /* ----- Form ----- */
	.sharing_form{
		position: relative;
		width:90%;
		margin:0 auto;

		padding:30px 30px;
		text-align: center;
	}
		.formInfo{
			width:100%;
			margin-bottom: 10px;
			font-size:14pt;
		}
		.formField{
			margin:20px auto;
			height:30px;
			max-width:960px;

			display: -webkit-flex;
 			display: flex;
 			font-size:12pt;
		}
		.textField{
			width:100%;
			height:30px;
			padding:8px;
			border-radius: 4px;
          	max-height:100px;
          	border: 1px solid #999;
          	font-family:"Noto Sans TC","Microsoft JhengHei", "微軟正黑體", "Apple LiGothic Medium", "蘋果儷中黑", "Lucida Grande", "Lucida Sans Unicode", Helvetica;
		}
		.checkBox{
			min-width:18px;
			height:18px;
			margin:2px 10px 0 0;
		}
	.formTerms{
		font-size: 10pt;
		text-align: left;
		padding:20px 20px;
		padding-top: 20px;
	}


	.dealsTitle{
		font-size: 24pt;
		text-align: center;
		font-weight: bold;
		padding:0 30px;
		margin-top: 40px;
		margin-bottom:6px;
		color:#004FA2;
	}
	.dealsTable{
		margin-top:20px;
	}
		.dealsRow{
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: center;
			justify-content: center;
		}
			.dealsPlace{
				width: 140px;
				height: 80px;
				background-color: #FFF;
				margin-bottom: 10px;
				-webkit-flex: initial;
		        flex: initial;

		        font-size: 18pt;
		        display: -webkit-flex;
				display: flex;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
				border-radius: 6px;
			}
			.dealsBox{
				position: relative;
				width:100%;
				height:80px;
				padding: 4px;
				padding-top: 15px;
				margin-left: 10px;
				margin-bottom: 10px;

				font-size: 13.5pt;
				background-color: #FFF;
				-webkit-flex: 1;
	          	flex: 1;
	          	border-radius: 6px;
			}
			.dealsBoxSpecial{
				height:60px;
				padding-top: 4px;
				font-size: 10.5pt;
				display: -webkit-flex;
				display: flex;
				color:#E21837;
				-webkit-align-items: center;
				align-items: center;
				-webkit-justify-content: center;
				justify-content: center;
			}
				.buyNowBtn{
					position: absolute;
					width:100%;
					height:30px;
					left:-1px;
					bottom: 0px;
					border-radius: 0 0 6px 6px;
					background-color: #004FA2;
					padding-top: 3px;
					font-size: 12pt;
					color:#FFF;
				}
					.buyNowBtn:hover{
						cursor: pointer;
						color:#FFF;
						background-color: #007CC3;
					}

	.logoBot{
		margin: 40px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}


	.terms{
		margin:0 30px;
		margin-top:10px;
		margin-bottom:30px;
		width:900px;
		font-size: 11pt;
	}
		@media screen and (max-width:599px) {
			.terms{
				font-size: 10pt;
			}
		}
		.termsTitle{
			border-top:2px dotted #999999;
			padding-top: 30px;
			color:#02488f;
			font-size: 10pt;
			font-weight:bold;
		}
	ol{
		list-style-type: decimal;
	}
	li{
		margin-bottom: 6px;
	}

/* Footer
-----------------------------------------------------------------------------*/
.footer{
    width:100%;

	min-height: 80px;
	padding:20px;
	background:#003571;
	font: 12px Arial, sans-serif;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
	.footerContent{
		width:100%;
		max-width:960px;
	}
	
	.footerText{
		float:left;
		color:#629fbe;
	}
	.footerLogo{
		float:right;
		
		width: 220px;
		height:28px;
		margin:12px 0 0 0;
	}
	.footerLogo:lang(en){
		margin:16px 0 0 0;
	}
	@media screen and (max-width:599px) {
		.footerLogo{
			margin-bottom:0;
		}
	}


/* for thank you page*/
/* call for action*/
	.thankyou_title{
		margin-bottom: 15px;
		font-size: 18pt;
		text-align: center;
		font-weight:bold;
	}
	.call_for_action{
		padding:20px;
	}