.popupWrapper
{
	position: relative;
	width: 744px;
	min-height: 200px;
	border: 3px solid #d0d2d5;
	padding: 60px 90px;
	background-color: #FFF;
	margin: 0px auto;
}

.popClose
{
	position: absolute;
	top: 25px;
	right: 25px;
	width: 20px;
	height: 20px;
	background: url('../images/common/popClose.png');

	-webkit-transform : rotate(0deg);
	-ms-transform : rotate(0deg);
	-moz-transform : rotate(0deg);
	-o-transform : rotate(0deg);
	transform : rotate(0deg);

	opacity:1;
	filter: alpha(opacity=100);

	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.popClose:hover
{
	-webkit-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	-moz-transform : rotate(90deg);
	-o-transform : rotate(90deg);
	transform : rotate(90deg);

	opacity:0.8;
	filter: alpha(opacity=80);
}


/* font style */

.popupWrapper h1,
.iframeInner h1
{
	font-size: 32px;
	line-height: 1.5em;
	margin-bottom: 25px;
}

.popupWrapper p,
.iframeInner p
{
	font-size: 15px;
	line-height: 1.5em;
	color: #666666;
}

.popupWrapper ul,
.iframeInner ul
{
	list-style: disc;
	padding-left: 25px;
}

.popupWrapper ul li,
.iframeInner ul li
{
	margin-bottom:10px;
}

.popupWrapper a,
.iframeInner a
{
	color: #5a4343;
}


/*** thankyou ***/
.thankyou
{
	text-align: center;
}

.popFormThankyou
{
	padding: 90px 50px;
}

.thankyou p,
.popFormThankyou p
{
	font-size: 16px;
	color: #a78b8b;
}

.thankyou p a,
.popFormThankyou p a
{
	color: #5a4343;
	text-decoration: underline;
}

/******************* popTrialForm **********************/
.popTrialForm{
	width: 530px;
	font-size: 13px;
	line-height: 1.3em;
	color: #a78b8b;
	padding-right: 12px;
}

.popTrialForm .row{
	padding: 5px 0;
}

.popTrialForm .row span{
	display: inline-block;
	vertical-align: middle;
}

.popTrialForm input[type=text]
{
	border: 1px solid #ccc;
	width: 100%;
	padding: 5px;
	outline: none;
}

.popTrialForm select{
	border: 1px solid #ccc;
	width: 100%;
	padding: 5px 0 0 0;
	outline: none;
}

.popTrialForm .question{
	float:left;
	width: 25%;
	font-size: 15px;
	line-height:28px;
}

.popTrialForm .ans{
	position:relative;
	float:right;
	width: 75%;
}

.popTrialForm .ans a{
	color: #a78b8b;
	text-decoration: none;
}

.popTrialForm .ans .hints{
	position: absolute;
	text-decoration: none;
	top: 6px;
	left: 6px;
	color: #a78b8b;
	cursor: text;
}

.popTrialForm .radiobox{
	display: inline-block;
	margin-right: 10px;
}

.popTrialForm .radio{
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/radio.png);
	background-position: 0 0;
}

.popTrialForm .radiobox.selected .radio{
	background-position: 0 -20px;
}

.popTrialForm .checkbox{
	position: relative;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/common/checkbox.png);
	background-position: 0 0;
}

.popTrialForm .checkbox.selected{
	background-position: 0 -20px;
}

.popTrialForm .row .tncText a{
	color: #3b001a;
	text-decoration: underline;
}

.popTrialForm .btnSubmitForm{
	position: relative;
	display: block;
	width: 190px;
	height: 35px;
	overflow:hidden;
	margin: 30px 0;
	background-color: #3b001a;
	color: #fff;
}
.popTrialForm .btnSubmitForm:hover{
	background-color: #5a4343;
}

.popTrialForm p.remark
{
	font-size: 12px;
}

.popTrialForm .tncText
{
	font-size: 15px;
	line-height: 1.5em;
}

.popTrialForm .uploadPhotoItem
{
	position: relative;
	display: inline-block;
	width: 190px;
	height: 125px;
	vertical-align: middle;
	overflow: hidden;
	border: 1px solid #ccc;
	margin-left: 13px;
}
.popTrialForm .uploadPhotoItem:first-child
{
	margin: 0;
}
.popTrialForm .uploadPhotoItem .previewPhoto
{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 1;
}
.popTrialForm .uploadPhotoItem.uploaded .previewPhoto
{
	visibility: visible;
	opacity: 1;
}
.popTrialForm .uploadPhotoItem .dimOverlay
{
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/common/dim.png);
	z-index: 1;

	display: none !important;

}
.popTrialForm .uploadPhotoItem.dim .dimOverlay
{
	visibility: visible;
	opacity: 1;
}

/******************* popFormThankyou **********************/
.popFormThankyou .qrCode
{
	position: relative;
	width: 165px;
	margin: 0px auto 65px;
}

/*********************** BAIBUMAP ************************/
.popBaibuMap{
	padding: 0;
}
.popBaibuMap .baiduMapWrapper{
	width: 100%;
	height: 500px;
	overflow: hidden;
}
.popBaibuMap .mapIframe{
	width: 100%;
	height: 100%;
}
.popBaibuMap .mapIframe .title{
	font-size: 16px;
	color: #49282e;
	margin-bottom: 10px;
	line-height: 1.3em;
}
.popBaibuMap .mapIframe .content{
	font-size: 12px;
	color: #666666;
	line-height: 1.3em;
}

/*********************** popPrivacy ************************/
.popupWrapper.popPrivacy
{
	color: #49282e;
}
.popupWrapper.popPrivacy ul
{
	list-style: decimal;
}
.popupWrapper.popPrivacy ul li
{
	margin-bottom: 20px;
}
.popupWrapper.popPrivacy .title
{
	font-size: 15px;
}
.popupWrapper.popPrivacy p
{
	margin-bottom: 10px;
}
.popupWrapper.popPrivacy a
{
	color: #49282e;
	text-decoration: underline;
}

/*********************** Video ************************/
.popVideo{
	padding: 0;
	width: 850px;
	height: 500px;
}
.popVideo .videoIframe{
	width: 850px;
	height: 500px;
}


/*********************** PopIframe ************************/
.popIframe iframe{
	width: 100%;
	overflow: hidden;
}