body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:norma;}q:before,q:after{content:;}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:100%;font-weight:inherit;}legend{color:#000;}
img, a, object{border:0;outline:0;}
/* clearfix*/
/* For modern browsers */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;}
.left{float:left;}
/*.right{float:right;}*/



html,body{
	display: block;
	background-color: #000;
	margin:0px;
	padding:0px;
	width: 100%;
	overflow:auto;
	overflow-x:hidden;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	color:#FFF;
	background-size:cover;
	background-repeat: repeat-y;
	background-position: center bottom;
	background-image:url(../images/bgTop.jpg);
}
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
	
}
html>body, html>body #contents {
	height: auto;
}


#header{
	position:fixed;
	display: block;
	width:100%;
	height:15%;
	background-color:#000;
	z-index: 1000;
	/*border-bottom:1px #FFF solid;*/
}
#header .logo{
	position: relative;
	display: block;
	width:56%;
	min-width:1000px;
	height:65%;
	margin:1.5% auto;
	left:-30px;
	background-size:contain;
	background-repeat: no-repeat;
	background-image:url(../images/logo.svg);
	/*border:2px #FFF dotted;*/
}

#contents{
	position: absolute;
	display: block;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	/*border:2px #F00 dotted;*/
}
#contents .box{
	position: relative;
	display: block;
	width:56%;
	min-width:1000px;
	height:auto;
	/*height:2000px;
	min-height:40vw;*/
	margin:12% auto;
	font-size:16pt;
	line-height:26pt;
	margin-bottom: 500px;/*不要擋到下方人物*/
	z-index: 20;
	/*border:2px #FFF dotted;*/
}
html>body, html>body #contents {
	height: auto;
}
#contents .box.small{
	width:600px;
	min-width:600px;
}
#footer{
	position: absolute;
	display: block;
	bottom:0vw;
	width:100%;
	height:900px;
	background-position: top center;
	background-size:cover;
	background-repeat: no-repeat;
	background-image:url(../images/bgBot.jpg);
	padding: 0;
	z-index: 10;
	/*border:2px #F00 dotted;*/
}
#footer::before{
	position:absolute;
	display: block;
	content: '';
	width:100%;
	height:360px;
	top:-359px;
	background-position: bottom center;
	background-size:cover;
	background-repeat: no-repeat;
	background-image:url(../images/bgMid.png);
}
p.center{
	margin: 0;
	
}


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

#cboxOverlay{
	position:fixed;
	display: block;
	width:100%;
	height:100%;
	min-height:100vh;
	z-index: 9000;
	background-color:rgba(0,0,0,0.9);
	/*border:10px #F00 dotted;*/
}
#colorbox{
	width:0%;
	height:0%;
	z-index: 10000;
	outline: none;
	background-color:rgba(0,0,0,1);
	border:2px #FFF solid;
}

.cbox{
	left:0%;
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	color:#FFF;
	font-size:16pt;
	line-height:26pt;
	font-weight: normal;
	outline: none;
	/*background-color:#000;*/
	background-size:contain;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image:url(../images/popupBgB.jpg);
}
.cbox .content{
	height:100%;
	/*text-align: left;*/
	margin:0;
	padding:70px 0 0 70px;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:url(../images/popupBgT.jpg);
	/*border:5px #F0D dotted;*/
}


.cbox .content.center {
	text-align: center;
	padding:0vw 0 0 0;
	
}
.cbox .content .txt{
	position: relative;
	display:inline-block;
	width:80%;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	/*border:3px #F00 dotted;*/
}
.cbox .content.center .txt{
	
	/**/
}
.cbox .content.center::before{
	position: relative;
	display:inline-block;
	vertical-align:middle;
	content:'';
	width:0px;
	height:100%;
	margin:0;
}
.cbox .content p{
	position: relative;
	display:block;
	padding:0;
	margin:0;
	width:100%;
}
.cbox .content .txt p.left{
	text-align: left;
}
.tel,
.cbox .content .tel{
	color:#4092ff;
	text-decoration: underline;
}
.cbox .content hr{
	width:100%;
}
.cbox h3{
	top:50px;
	margin:0px 0 50px 0;
	font-size:20pt;
	font-weight: bold;
	text-align: center;
	color:#4092ff;
}

.cbox ul{
	/*list-style: url("../images/circle.svg") none outside; */
	padding-left:30px;
	margin:0px 70px 70px 0px;
	/*border:2px #F00 dotted;*/
}
.cbox ul li{
	position:relative;
	display: block;
	list-style: none;
	margin-bottom:30px;
	width:90%;
	/*border:2px #F0D dotted;*/
}
.cbox ul li::before{
	position:absolute;
	display: block;
	content: "";
	width:10px;
	height:10px;
	border-radius: 5px;
	margin:12px 0px 10px -20px;
	background-color:#4092ff;
	/*border:3px #F00 dotted;*/
}

#informCBox .content p,#informCBox .content li{
	/*font-size:4.5vw;
	line-height:7vw;*/
}
#iestopCBox,
#alertCBox,
#errorCBox,
#interestCBox,
#disagreeCBox,
#sendedCBox,
#finishCBox,
#noemailCBox{
	overflow: hidden;
}
#noemailCBox .content{
	text-align: center;
}
#disagreeCBox .content{
	padding:120px 0 0 90px;
}
#interestCBox .content{
	padding:70px 0 0 100px;
	
}
#interestCBox .content ul{
	width:120%;
	/*border:3px #f00 dotted;*/
}
#informCBox .content{
	padding:70px;
	/**/
}


#iepopup{
	position:fixed;
	display: block;
	width:100%;
	height:100%;
	z-index: 2000;
	background-color:rgba(0,0,0,0.9);
}
#iestopCBox{
	width:600px;
	height:400px;
	background-color:#000;
	margin:auto;
	margin-top:15%;
}
#iestopCBox .content{
	height:auto;
	text-align: center;
	padding:160px 0 0 0;
	
}




/*Button-----------------------------------------------------------*/
.textBtn{
	color:#4092ff;
	/*pointer-events: auto;
	cursor: pointer;
	border-bottom:2px #4092ff solid;*/
}
.whiteBtn{
	position:relative;
	display: block;
	margin:50px auto;
	height:60px;
	line-height:60px;
	font-size:16pt;
	font-weight: bold;
	text-align: center;
	color:#4092ff;
	text-decoration: none;
	background-color:#FFF;
	border-radius: 10px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	/*border:2px #F00 dotted;*/
}
.whiteBtn.small{
	width:150px;
}
.whiteBtn.large{
	width:200px;
}
.whiteBtn.huge{
	width:250px;
}
.whiteBtn.right{
	margin:20px 0px 20px 0px;
	left:calc(99% - 150px);
}
.whiteBtn.lock{
	opacity:0.5;
	/*border:2px #F00 solid;*/
}
.borderBtn{
	position:absolute;
	display: block;
	width:90px;
	height:50px;
	line-height:46px;
	font-size:16pt;
	font-weight: normal;
	text-align: center;
	bottom:0vw;
	right:5px;
	margin:7px;
	color:#FFF;
	background-color:rgba(0,0,0,1);
	border-radius: 10px;
	font-family:"微軟正黑體", "Microsoft JhengHei";
	border:2px #FFF solid;
}
.borderBtn.edit{
	background-color:#4092ff;
	margin-right:0vw;
	border:0px #FFF solid;
}
.borderBtn.address{
	position:relative;
	right:0vw;
	margin:5px 0 0 505px;
	/**/
}
.borderBtn.address.edit{
	bottom:62px;
}
.borderBtn.birthday.edit{
	/*border:2px #F00 dotted;*/
}
.borderBtn.email.edit{
	bottom:53px;
	/*border:2px #F0D dotted;*/
}
.backBtn{
	margin:20px 0;
}


.closeBtn{
	position:absolute;
	display: block;
	width:33px;
	height:33px;
	text-align: center;
	top:20px;
	right:20px;
	border:2px #FFF solid;
	border-radius: 40px;
}
.closeBtn img{
	margin-top:7px;
	width:20px;
	height:20px;
	vertical-align: top;
}
#informCBox .closeBtn{
	right:30px;
}
/* Form -------------------------------------------*/
form{
	width:100%;
}
form.data{
	width:600px;
	margin:auto;
	/*border:2px #F00 dotted;*/
}
button{
	outline: none;
}
input[type="checkbox"],
input[type="radio"]{
	position:relative;
	display: none;
}
input[type="checkbox"] + label,
input[type="radio"] + label{
	display: inline-block;
	margin:0 3px 0 10px;
}
input[type="checkbox"].styleA + label::before ,
input[type="radio"].styleA + label::before {
	position:relative;
	display: inline-block;
	content: "";
	width:17px;
	height:17px;
	top:0;
	padding: 0px;
	margin:2px 3px 0 -3px;
	border:1px #FFF solid;
}
.nomail input[type="checkbox"].styleA + label::before {
	border:1px #4092ff solid;
}
input[type="checkbox"].styleA:checked + label span ,
input[type="radio"].styleA:checked + label span {
	position:absolute;
    display:block;
	/*top:0;
	left:0;*/
	margin:-35px 0 0 -3px;
    width: 25px; 
    height: 25px;
	background-repeat: no-repeat;
	background-image: url(../images/hook.svg);
    background-size: 30px 30px;
}

input[type="radio"].styleB + label::before {
	position:relative;
	display: inline-block;
	content: "";
	width:12px;
	height:12px;
	top:0;
	padding: 0px;
	border-radius: 12px;
	vertical-align: -0vw;
	margin:2px 5px 0 -5px;
	border:2px #FFF solid;
}
input[type="radio"].styleB:checked + label::before {
	/*top:0;
	left:0;*/
	background-color:#4092ff;
}

.data .dfTxt,
input[type="text"],input[type="tel"],input[type="email"]{
	width:570px;
	height:40px;
	padding:10px;
	/*margin-bottom:7vw;*/
	color:#FFF;
	background-color:rgba(0,0,0,0);
	text-overflow: ellipsis; /*用三个点表示*/
    overflow: hidden;
	border:2px #FFF solid;
	border-radius: 10px;
    /*white-space: nowrap; */
}
input[type="text"].active,input[type=text]:focus,
.edit input[type="text"],.edit input[type="tel"],.edit input[type="email"]{
	border:2px #4092ff solid;
	outline: none;
}
.js-editbox.small{
	width:58vw;
	/**/
}

.data .dfTxt.address{
	height:auto;
	word-wrap:break-word;
	/*border:2px #f00 dotted;*/
}
#edtAddress{
	margin-top:10px;
}


.selectBox{
	display:inline-block;
	width:500px;
	height:64px;
	margin:0;
	vertical-align: top;
	/*border:2px #f00 dotted;*/
}
select{
	color:#FFF;
	background-color:rgba(0,0,0,0);
	height:64px;
	padding:10px;
	border-radius: 10px;
	z-index: 5;
	border:2px #4092ff solid;
}
.js-birthday_year{
	width:180px;
}
.js-birthday_month, .js-birthday_day{
	width:140px;
}
.js-city,.js-zone{
	width:180px;
}
.custom{
	position:relative;
	display:inline-block;
	width:auto;
	height:64px;
	margin-bottom:0px;
	/*background-color:#4092ff;*/
}
.custom span{
	position:absolute;
	display:block;
	content:"";
	width:20px;
	height:64px;
	line-height:64px;
	padding-left:5px;
	top:0;
	right:0vw;
	z-index: 1;
	background-color:#4092ff;
	border-radius: 0vw 10px 10px 0px;
}
select option{
	color:#FFF;
	background-color:rgba(0,0,0,1);
	border:1px #4092ff solid;
}
input.hide{
	opacity:0;
}
/*index-------------------------------*/
.checkTxt{
	margin:10px 0 0 0;
	/*border:3px #F00 solid;*/
}

/*verify1-------------------------------*/
.js-euroVIN ,.js-idNumber{
	display: none;
}
.area2{
	margin-top:50px;
}
/*verify2-------------------------------*/
.js-editbox,
.js-verification_code{
	/*margin:0vw;*/
}

.verifyBox{
	height:auto;
	margin-bottom:50px;
}
.verifyBox input[type="text"]{
	margin-bottom:0vw;
}
.verifywayBox li{
	position: relative;
	display:block;
	height:auto;
	/*border:3px #F0D dotted;*/
}
.verifywayBox li.way{
	margin:10px 0 0vw 0;
	/**/
}
.verifywayBox label{
	width:120px;
}

/*data-------------------------------*/
.tiBox{
	wdith:100%;
	text-align: center;
	margin:30px;
	
}
.tiBox img{
	width:30%;
	height:auto;
	margin:auto;
}
.tiBox p{
	
}
.data li{
	position:relative;
	display: block;
	margin-bottom:30px;
	/*border:3px #F0D dotted;*/
}
.data li label{
	display:block;
	margin-left:0px;
	/**/
}
.data .star{
	position:relative;
	display:inline-block;
	margin:3px;
}
.data .dfTxt{
	display:block;
	
}
.data input[type="text"].active,.data input[type=text]:focus,
.data .edit input[type="text"],.data .edit input[type="tel"],.data .edit input[type="email"]{
	width:470px;
}
.nomail{
	display:block;
	width:100%;
	color:#4092ff;
	margin:10px;
}