@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
@font-face {
	font-family: 'FuturaBT-Medium';
	src: url('../fonts/futurabt/FuturaBT-Medium.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/futurabt/FuturaBT-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/futurabt/FuturaBT-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/futurabt/FuturaBT-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/futurabt/FuturaBT-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'HelveticaNeueLTStd55Roman';
	src: url('../fonts/HelveticaNeueLTStd55Roman/HelveticaNeueLTStd55Roman.ttf'); /* IE9 Compat Modes */
	src: url('../fonts/HelveticaNeueLTStd55Roman/HelveticaNeueLTStd55Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/HelveticaNeueLTStd55Roman/HelveticaNeueLTStd55Roman.woff') format('woff'), /* Modern Browsers */
       url('../fonts/HelveticaNeueLTStd55Roman/HelveticaNeueLTStd55Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/HelveticaNeueLTStd55Roman/HelveticaNeueLTStd55Roman.svg#HelveticaNeueLTStd55Roman') format('svg'); /* Legacy iOS */
}

.sit { font-family: 'FuturaBT-Medium'; font-size: 15px; font-weight: normal; }
.bit { font-family: 'HelveticaNeueLTStd55Roman', sans-serif; }
	
	.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

body
{
	margin:0;
	padding:0;
	font-family: 'HelveticaNeueLTStd55Roman', Helvetica, Arial, sans-serif;
	background-color: #EEEFF1;
	font-weight: 500;
	font-size: 14px;
	color: #000;
/*     
		width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: -1px;
    z-index: 1;
    margin: 0;
    padding: 0;
    overflow-y: hidden; */
}

label {
    font-weight: normal;
}

p { margin: 0 0 1em; line-height: 1.2; text-align: justify; }

.table {
		display: table;
		border-spacing: 0px;
		margin: 0;
}
.table .table {
		background-color: transparent;
}
.tr {
	display: table-row;
	border-spacing: 0px;	
}

.td {
	display: table-cell;
	margin:0;
	padding:0;
	padding-top: 1em;
	vertical-align:top;
}
.td.no-padding-top { padding-top: 0; }

.td.underline {
	vertical-align:middle;
}
.td.underline label {
    margin-bottom: 0;
}

.td.underline.column {
	border-bottom: 1px solid #000000;
}

#main { margin:auto; min-width: 320px; max-width: 900px; box-sizing: border-box; padding-bottom: 40px; }
.content { padding: 0 15px; }
.content-redeem { padding: 0 15px; }
.chifont {
	font-family: 'Noto Sans TC', 微軟正黑體, 'Microsoft Jhenghei', simhei;  margin: 0;
}

.smalltext { padding-top: 5px; font-size: 12px; }

#logo { padding: 40px 70px; }
#logo img { max-height: 200px; text-align: center; }
#desc { padding: 28px 20px 32px; }
#intro { padding-bottom: 1em;}
input[type=text] , input[type=email]  , input[type=tel]  , input[type=password] {
		font-family: 'Noto Sans TC', 微軟正黑體, 'Microsoft Jhenghei', simhei;
    background: transparent;
		border: 0;	
		border-bottom: 1px solid #000;	
	border-radius: 0;
}
.td.column > .remark {
    width: 12px;
/*     border-bottom: 1px solid #000; */
	line-height: 15px;
/* 	    padding-bottom: 3px; */
/* 	margin-bottom:3px; */
}
	.td.column input[type=text], 
	.td.column input[type=tel], 
	.td.column input[type=email] 
	{ width: 100%;margin-bottom: 3px; }
.td.column input[name=instagram] {
    width: calc(100% - 12px);
	border-bottom: 0px;
}

input[type="radio"], input[type="checkbox"] {
	display:none;
	-webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     /* not currently supported */
    -o-appearance: checkbox;      /* not currently supported */
}

input[type="radio"]+ label span  , input[type="checkbox"]+ label span   {
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:top;
/*     background:#FFFFFF; */
	border:1px solid #000;
    cursor:pointer;
	margin: 1px 5px 0 0px;
}

input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span{
	background:url(../images/tick.png);
	background-size:18px 18px;
}

input[type="radio"]:disabled + label span, input[type="checkbox"]:disabled + label span{
	background:url(../images/cancel.png);
	background-size:18px 18px;
	border-color: #FFF;
	cursor: default;
}

/* #mainform .table { padding: 0 60px; } */
	.td.field, .td.column { display: block; padding-top: .5em; }
	.td.column.confirm { padding: 2px 12px; font-size: 120%; font-weight: 900; }
	.td.field { width: 100%; }
.image-container { text-align: center; }
.image-container img { width: auto; max-width: 100%; }
#bgContainer { padding-top: 1em; }
#logoimg img { max-width: 100%; width: auto; }
#gameContainer img ,
#bowl img { 
		width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.bbtw, .bwtb {
	-webkit-appearance: none;
	width:100%;
	max-width:200px;
	font-weight: bold;
	border-radius: 0;
	font-size: 13px;
	cursor:pointer;
	margin: 0 auto;
	padding: 4px 0 ;
	text-align: center;
}
.bbtw {
	background: #000;
	color:#fff;
	border: 1px solid #000;
}
.bwtb {
	background: #fff;
	color:#000;
	border: 1px solid #000;
}
#btn-next {
/*     font-size: 13px; */
/* 		max-width: 172px; */
	margin: 0 auto;
/*     margin-top: 8px; */
	cursor: pointer;
}
#submitbtn {	margin-top: 20px; margin-bottom: 30px; max-width: 120px; }
#btn-start { max-width: none; }
#btn-like-ippudo {
    max-width: none;
/*     font-size: 18px; */
    line-height: 20px;
}
#btn-like-bit { 
    max-width: none;
/*     font-size: 18px; */
    line-height: 20px;
}
#btn-share { max-width: none; }
#likeContainer .td { width: 50%; padding-top: 8px; }
#likeContainer .td:first-child { padding-right: 4px; }
#likeContainer .td:last-child { padding-left: 4px; }
#shareContainer { padding-top: 10px; }
#bowl { padding-top: 46px; }
#startContainer { padding-top: 50px; }
input[type="radio"] {
	margin:0;
}

a {
	text-decoration:none;
	font-weight:600;
	color:#000;
}

.alert { padding: 0; }

.nice-select {
    height: 28px;
    line-height: 26px;
}
.nice-select.location:not(.open) {
    overflow: hidden;
}
.nice-select.location {
    min-width: 260px;
}


	.td.header-productshot {
		padding: 0;
		padding-right: 1em;
		vertical-align: middle;
	}
	.td.header-title {
		padding: 0;
/* 		border-top: 3px solid #000;
		border-bottom: 3px solid #000; */
	    vertical-align: middle;
		padding-top: .6em;
		padding-bottom: .6em;
	}
.td.header-title span {
    padding-top: 5px;
    font-size: 12px;
}

	
.nice-select .list { max-height: 143px; overflow-y: auto; background-color: #fff;
    width: 100%;
		border-radius: 0;
    margin-top: 1px;
    box-sizing: content-box;
    border: 1px solid #fff;
    margin-left: -1px;}
.nice-select {
	border: solid 1px #000;
	background-color: #EEEFF1;
}
.nice-select .option {
    color: #000;
}
.nice-select.month,
.nice-select.day {
	width: calc(100% - 50px);
	margin-bottom: 2px;
	min-width: 80px;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #EEEFF1;
}
.nice-select .option.selected {
    font-weight: normal;
}
/* .nice-select.month:after,
.nice-select.day:after{
    border: 0;
} */
	.select-text { font-size: 14px; line-height: 24px; padding-left: 10px; }
	.tingle-modal-box { border-radius: 0; }
	.tingle-modal-box__content { color: #000; padding: 6rem 3rem 4rem; }
	.tingle-modal-box__content h2 { margin-bottom: 0.6em; font-weight: 900; }
	.tingle-modal-box__content h4 { margin-bottom: 0.5em; font-weight: 900; }
	.tingle-modal-box__content p { margin: 0; padding: 0; padding-bottom: 0.2em; }
	.tingle-modal-box__content p:first-child { padding-top: 0em; }
	.tingle-modal ol { padding-bottom: 16px; }
	.tingle-modal li:not(:first-child) { padding-top: 6px; }
	.tingle-modal--overflow { padding-bottom: 5vh; }
	.tingle-modal__close { line-height: 1; }


#tnc_content h4 { padding-top: 30px; }


#remark {
    font-size: 10px;
    padding-top: 12px;
    text-align: center;
}

#tncContainer {
	font-size: 14px;
	padding: 28px 20px;
}
#tncContainer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 10px;
    font-weight: normal;
}
	#footer {
    margin: auto;
    padding: 14px 0;
    border-top: #000000 0px solid;
	}
	#footer .copyright { text-align: left; margin-left: 0; margin-top: 8px; float: left; font-size: 14px; }
	#footer .logo { text-align: right; margin-right: 15px; margin-top: 0px; float: right; }
	#footer .logo img { max-width: 120px; } 


@media screen and (min-width: 240px) and (max-width: 990px){
	
	.td.header-productshot img { width: 100px; }
	
	select.location {
		max-width: 400px;
	}

	.td.field, input[type=text] , input[type=email]  , input[type=tel]
	{
		font-size:14px;
	}
	
.td.underline input[name=englastname]{ border-bottom: 1px solid #000; margin-bottom: .5em; }
.td.underline input[name=engfirstname]{ margin-top: .5em; }


	input[type="radio"]+ label span  , input[type="checkbox"]+ label span {width:16px; height:16px;}

	input[type="radio"]:checked + label span, input[type="checkbox"]:checked + label span{background:url(../images/tick.png); background-size:14px 14px;}

	input[type="radio"]:disabled + label span, input[type="checkbox"]:disabled + label span{background:url(../images/cancel.png); background-size:14px 14px; border-color: #FFF; cursor: default; }

	#select select {font-size: 16px;}
	
	.td.mobilehidden { display: none; }
	
	.tingle-modal-box { width: 90%; }
	
	.mobileShow { display: inline-block; }

		#footer .copyright { text-align: center; padding: 0 15px 8px; width: 100%; }
	#footer .logo { width: 100%; }
}