@charset "utf-8";

body{
    background: #ffffff;
    font-family: 'proxima_nova_regular','黑体','Hei','Heiti',sans-serif;
    font-size: 12px;
    font-weight: normal; 
	padding:0;
	width:100%;
	border:0px;
	*overflow: auto;
	*min-width: 100%;
	}

.formbasic{
	width:100%;
	height:100%;
	max-width:890px;
	max-height:300px;
	text-align:left;
	background-color:transparent; 
	padding:20px 20px 20px 20px; 
	color:#FFF; margin:0;
	margin: 0 auto;
}

.formadvance{
	width:100%;
	height:100%;
	max-width:800px;
	max-height:600px;
	text-align:left;
	background-color:#ffffff; 
	/*padding:20px 20px 20px 20px; */
	color:#000000;
	margin:0; 
}
a {text-decoration:none;font-size:1.1em;}

.gray{color:#656565;}

.inputbtn {
	background: none repeat scroll 0 0 rgba(11, 11, 11, 0);
    border: 1px solid #FCC457;
    border-radius: 2px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px 7px 10px;
    width: 100%;
	max-width:120px;
	cursor:pointer;
}
.inputbtnadvance {
	background:#FCC457;
    border: 1px solid #FCC457;
    /*border-radius: 2px;*/
    border-radius: 0;
    appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px 7px 10px;
    width: 100%;
	max-width:120px;
	cursor:pointer;
}

.inputtextbasic {
	background-color:#fff;
    border: 1px solid #e1e1e1;
	border-radius: 0;
    font-size: 11px;
    font-weight: 300;
    padding: 5px 10px 5px 10px;
    width:100%;
	max-width:380px;
	height: 27px;
}
.inputtextadvance {
	background-color:#fff;
    border: 1px solid #e1e1e1;
    appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	border-radius: 0;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px 7px 10px;
    width:100%;
	max-width:480px;
}

.titletext{
	font-size: 15px;
	color:#000000;
}

.textp1{
	width: 100%;
	padding: 30px 0px 16px 0px;
}


.textp2{
	font-size: 28px;
	color:#000000;
	/*padding-top: 45px;*/
	/*padding-bottom:10px;*/
	width: 100%;
}
.textp3{
	font-size: 16px;
	color:#a3a3a3;
	padding-bottom:10px;
	line-height:18px;
	width: 100%;
}


.textp4{
	width: 100% !important;
	/*padding: 0px 30px !important;*/
	margin: 0 auto !important;
	padding-top: 5px;
	padding-bottom: 0px !important;
}

.textp4-wrapper{
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 auto;
	max-width: 300px;
}


.textp5{
	font-size: 10px;
	color:#6e6e6e;
	padding-top:40px;
	width: 100%;
	-webkit-transform : scale(0.84,0.84) ;
}

.textp7 {
	font-size:22px; 
	margin: 0 0 10px;
	line-height:30px;
}

.qrcode img {margin: 35px auto 15px;}
.qrcode .desc {font-size: 14px;}
.qrcode .desc-mobile {font-size: 12px; color: #f8c456; margin-top: 20px;}

.errormsg { color:#d4a925; display:none; font-size:11px; white-space: nowrap; }
.msgsuccess { color:#ff0000; display:none; font-size:12px; /*white-space: nowrap;*/ line-height: 14px;  }

/*.msgrow {padding-top:6px;}*/
.leftimg { width:100%; max-width:390px;}
.submitimg {width:67px; cursor:pointer; height: 27px; }
.input-width, .input-width input { width: 100%; max-width: 225px; margin: 0; height: 27px; }
.input-width { float: left; margin-bottom: 6px; }
.input-button { width: 100%; max-width: 75px; }
.submitimg_adv { width: 67px; cursor: pointer; height: 27px; }

.terms {
	padding-top:10px;
	line-height:17px;
	color:#808080;
	font-family: 黑体, Hei, Heiti, 'proxima_nova_regular', sans-serif;
}
.textp6{
	font-size: 14px;
	margin: 0;
}
.hide-for-pc {
	display: none !important;
}
.hide-for-mobile {
	display: block !important;
}
.newsletter-content {
	padding: 0 20px;
}
.no-padding {
	padding: 0 !important;
}

.p1-adjust-for-bagbug-campaign{
		padding-top:20px;
		padding-bottom:0px;
}
.p2-adjust-for-bagbug-campaign {
		padding-top:10px;
}
.p4-adjust-for-bagbug-campaign {
		padding-top:14px;
}
.p5-adjust-for-bagbug-campaign {
		padding-top:10px; 
		line-height:17px; 
		color:#8f8f8f;	
}
.p6-adjust-for-bagbug-campaign{
		padding-top:10px;
		padding-bottom:0px;
}

@media only screen and (max-width: 769px) {
	.submitimg {width:67px; cursor:pointer; height: 27px !important; }
	.textp7 {
		font-size:18px; 
		line-height:24px;
	}

}
@media only screen and (max-width: 720px) {
	.textp1 { padding: 20px 0 0 0;}
	/*.textp4 { padding-top: 30px; }*/
	.textp6 { font-size: 13px; }
	.submitimg {width:67px; cursor:pointer; height: 27px !important; }
	.textp7 {
		font-size:16px; 
		line-height:22px;
	}
	.textp4-wrapper{
		max-width: 280px;
	}
	.input-width, .input-width input { max-width: 205px; }
}
@media only screen and (max-width: 640px) {
	.hide-for-pc {
		display: block !important;
	}
	.hide-for-mobile {
		display: none !important;
	}
	
}

@media only screen and (max-width: 480px) {
	.formbasic{
		max-width: 320px;
	}
	.submitimg {width:67px; cursor:pointer; height: 27px !important; }
	.textp1 {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.textp4 {
		padding-top:0px;
		padding-bottom:0px;
	}
	.textp5 {
		padding-top: 0;
	}
	.terms { font-size: 11px; }
	.newsletter-content {
	  padding: 0 20px;
	}

	.textp1 img { width: 90px; }

	.textp6{
		font-size: 12px;
		margin: 0;
	}

	.textp2 {
		font-size: 20px;
		padding-top: 0px;
		margin: 0 0 10px;
	}
	.textp7 {
		font-size:12px; 
		line-height:14px;
	}
	.xsmall-8 { width: 60%; }
	.xsmall-4 { width: 40%; }
	.hide-for-bagbug-campaign {
		display:none !important;
	}
	.p1-adjust-for-bagbug-campaign{
		padding-top:0px;
		padding-bottom:0px;
	}
	.p2-adjust-for-bagbug-campaign {
		padding-top:20px;
	}
	.p4-adjust-for-bagbug-campaign {
		padding-top:14px;
	}

	.p5-adjust-for-bagbug-campaign {
		padding-top:10px; 
		line-height:17px; 
		color:#8f8f8f;
	}
	.p6-adjust-for-bagbug-campaign{
		padding-top:0px;
		padding-bottom:0px;
	}

}
@media only screen and (max-width: 320px) {
	.newsletter-content { padding: 0px 10px; }
	.textp4-wrapper{
		max-width: 260px;
	}
	.textp5 {
		padding-top: 30px;
	}
	.input-width, .input-width input { max-width: 165px; }
	.terms {
		padding: 10px 0 0 0;
	}
}
.row { padding-bottom:10px; }
.row .center{ text-align:center;}
.row .column{ width:48%; float:left; padding-bottom:10px;}
.row .gutter{ width:4%; float:left; padding-bottom:10px;}


.lblagree{ color:#000000; font-size:11px; }
.lblagree a { color: #000000; text-decoration: underline; font-size: 11px; }



html { overflow:hidden; margin: 0; }
body:before, body:after { display:none; }