body{
	background:#f7f6f2;
	font-family:'Avenir LT', arial, sans-serif;
	color:#444444;
}

.mobile{
	display:none;
}

a.a{
	text-decoration:underline;
}
a.a:hover{
	color:#000000;
}

.body{
	background-color:#ffffff;
	min-height:100vh;
	max-width:1080px;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:0;
	padding-right:0;
}

.lang-nav{
	display:flex;
	justify-content:flex-end;
}

.lang-nav a{
	display:block;
	border-right:1px solid #88754b;
	padding:0px 15px;
	color:#88754b;
}
.lang-nav a:hover{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

.lang-nav a.selected{
	font-weight:bold;
	text-decoration:none;
}

.lang-nav a:last-child{
	border:none;
}

.logo{
	width:31.57%;
	/*max-width:304px;*/
	max-width:341px;
	/*margin:15px auto 70px;*/
	/*margin:6.6% 6.13% 11.32% auto;*/
	margin:0px auto;
}

.top, .form, .lang-nav, .tnc{
	padding:0px 0px;
}
.lang-nav{
	/*padding-right:90px;*/
	padding-right:35px;
}
.lang-nav-chi{
	/*padding-right:50px;*/
	padding-right:35px;
}
.top{
	/*display:flex;*/
	align-items: center;
}

.top .kv{
	/*width:47.11%;*/
	padding:40px 0;
}

.top .content{
	/*width:52.89%;
	padding:0px 38px 0px 62px;*/
	/*
	width:70.08%;
	max-width:820px;
	*/
	width:81.85%;
	max-width:884px;
	/*padding-top:15px;*/
	font-size:16px;
	line-height:24px;
	text-align:left;
	margin:0 auto;
	padding-top:30px;
}
.top .content-chi{
	/*padding:0px 0px 0px 50px;*/
}
.top .content-header{
	/*padding-top:70px;*/
	font-size:24px;
	line-height:1.2;
	text-align:center;
	color:#88754b;
	width:70.08%;
	max-width:820px;
	margin:0 auto;
	text-transform:uppercase;
}
.top .content .content-small{
	font-size:12px;
	line-height:18px;
}

.form{
	/*padding-top:50px;*/
	padding-top:30px;
}
.form a, .top a{
	color:#88754b;
	text-decoration:underline;
}
#form{
}

#form .form-group{
	width:70.08%;
	max-width:820px;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
}

.form-title{
	font-size:20px;
	color:#88754b;
	font-weight:bold;
	padding:30px 0;
	text-align:center;
}

#step1{
	width:70.73%;
	max-width:580px;
	margin:0 auto;
}

.main-question{
	/*max-width:520px;*/
	max-width:460px;
	margin:auto;
}

.form-group{
	/*
	margin-top:24px;
	margin-bottom:24px;
	*/
	margin-top:12px;
	margin-bottom:12px;
	position:relative;
}
.form-group  label.fieldName{
	position:absolute;
    margin-top:-8px;
    margin-left:15px;
    font-size:17px;
    background:white;
    padding:0 5px;
}
.form-group label.mobile{
	margin-left:97px;
    z-index:99;
}

.form-group.lv2{
	padding-left:1.25rem;
}

select.form-control{
	text-indent: 0.75rem;
    padding: 0.5rem 0;
}
.form-control, .form-check-input{
	font-size:18px;
	background:#F7F6F3;
	border:none;
	border-radius:12px;
}
.form-check-input{
	/*
	width:19px;
	height:19px;
	margin-left:-27px;
	*/
}
.form-check{
	/*padding-left:27px;*/
}

.form .content{
	font-size:17px;
}

.form-submit{
	margin-top:30px;
	margin-bottom:60px;
	text-align:center;
}

.btn-submit{
	background:#88754b;
	color:#ffffff;
	font-weight:bold;
	/*font-size:21px;*/
	font-size:17px;
	/*padding:20px 120px;*/
	/*padding:14px 120px;*/
	letter-spacing:2px;
	padding:12px 100px;
	border-radius:12px;
}
.btn-submit:hover{
	background:#88754b;
	color:#ffffff;
	opacity: 0.8;
}

.btn-back{
	background:#666666;
	color:#ffffff;
	font-weight:bold;
	/*font-size:21px;*/
	font-size:17px;
	/*padding:20px 120px;*/
	/*padding:14px 120px;*/
	letter-spacing:2px;
	padding:12px 100px;
	border-radius:12px;
}
.btn-back:hover{
	background:#666666;
	color:#ffffff;
	opacity: 0.8;
}

.intl-tel-input{
	width: 100%;
}

.form-group .iti{
    width: 100%;
}

.iti__selected-flag{
	padding-left: 1rem;
}

.form-control[readonly]{
	background:transparent;
}

.thankyou-top{
	justify-content:space-around;
}

#thanksFooter{
	margin-top:53px;
	margin-bottom:53px;
}
#thanksFooter .header{
	font-size:32px;
	padding-bottom:20px;
}
#qrCode{
	width:21.13%;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
}
#qrCode img{
	width:100%;
}
#appDownload{
	display:flex;
	justify-content:space-around;
    flex-direction:row;
    flex-wrap:nowrap;
	width:67%;
	margin:auto;
}
#appDownload > div{
	width:45%;
}
#appDownload img{
	width:100%;
}

#popRegistered .content{
	font-size:20px;
}

.tnc .content{
	/*padding:0px 38px;*/
	font-size:16px;
	text-align:justify;
}

#thanksMsg{
	/*padding-top:60px;*/
}

.line{
	width:81.85%;
	max-width:884px;
	margin: 40px auto 0;
	border-top:3px #88754b dotted;
}

.row.mobile-phone{
	margin-left:-10px;
	margin-right:-10px;
}

.row.mobile-phone .col{
	padding-left:10px;
	padding-right:10px;
}

select:invalid {
	color: gray;
}

#form .text-remark{
	margin-top:17px;
	font-size:12px;
}

select,
input[type=text],
.top .content .content-small{
	font-family:arial;
}