/* Vip info start, add by zengrong */
div.vip-info-container { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; background:#f3f3f3}

div.vip-info-block { border:1px solid #ccc}

.user-content-i-1 input.text { width:260px; height:18px; margin-right:10px;padding-left:4px;line-height:18px;background:url(../images/beautyguide/input_text_bg1.jpg) repeat-x;border-bottom:1px solid #E1E1E1;border-left:1px solid #C1C1C1;border-right:1px solid #C1C1C1;border-top:1px solid #848484;}

div.vip-info-block select.opt_1 { width:266px; height:18px; border:1px solid #9B9B9B}

div.vip-info-block select.opt_2 { width:110px; height:18px; border:1px solid #9B9B9B}

div.vip-info-block .pro_inp2 { width:64px; height:18px;}

div.vip-info-block .pro_inp3 { width:126px; height:18px;}

div.user-nav-box { background:#f3f3f3;margin-bottom:1px;}

div.user-nav-box h2 { height:20px; line-height:20px; border-top:1px solid #a70306; background:url(../images/global/vip_info_title_bg.png) repeat-x; padding-left:20px; color:#fff}

div.user-nav-box div.user-nav-i li { height:21px; margin:0; padding:0 1px; line-height:21px;}

div.user-nav-box div.user-nav-i li a { padding-left:20px;}

div.user-nav-box div.user-nav-i li a.current { font-weight:bold}

div.user-nav-box div.user-nav-i li.first-li { background:url(../images/global/vip_info_first_li_bg.png) repeat-x; border-top:1px solid #f3f3f3}

div.user-nav-box div.user-nav-i li.first-item { background:url(../images/global/vip_info_line.png) repeat-x top}

div.user-nav-box div.user-nav-i .line { display:block; width:178px; height:2px; background:url(../images/global/vip_info_line.png) repeat-x; clear:both; border:0}

div.vip-info-content { float:left; width:791px; border-left:1px solid #ccc}

.user-divbg { border:1px solid #ccc; height:10px; background:#fff;margin-left:1px;width:791px;}

.user-divbg-large { border:1px solid #ccc; height:20px; background:#fff; margin-left:1px;width:791px;}

div.vip-info-content div.white-space { height:30px; width:793px; background:#fff; margin-top:1px; border-top:1px solid #ccc }

div.user-content-box div.title-box { font-size:14px; font-weight:bold; line-height:26px; padding:0 9px 0 10px}

div.user-content-box span.title-info { float:left; width:570px; color:#333; font-size:14px}

div.user-content-box span.title-text { float:right; width:202px; text-align:right}

div.user-content-box span.title-text a { color:#c10104; font-size:14px}

div.user-content-box div.user-content-i { border:1px solid #ccc; margin:1px; margin-right:0px;padding:16px 18px 6px 20px; background:#fff;}

div.user-content-box div.user-content-i, div.user-content-box div.user-content-i a { color:#333}

div.user-content-box div.user-content-i p,div.user-content-box div.user-content-i-1 p, div.vip-show-list p { font-size:14px; margin-bottom:10px; line-height:15px}

div.user-content-box span.attr-title { font-weight:bold}

div.user-content-box span.attr-title,
div.user-content-box div.user-content-i div.left-i p, 
div.user-content-box div.user-content-i div.right-i p,
div.user-content-box div.user-content-i div.gift-top-content span,
div.user-content-box div.user-content-i div.gift-top-content a,
div.user-content-box div.user-content-i-1 div.gift-top-content span,
div.user-content-box div.user-content-i-1 div.gift-top-content a,
div.user-content-box div.user-content-i-1 div.left-c p,
div.gift-top-content .show-desc .detail,
div.user-content-box .q-a-bottom .q-a-comments { font-size:14px}

div.user-content-box div.user-content-i div.left-i{ float:left; width:372px; margin-right:5px; display:inline}

div.user-content-box div.user-content-i div.left-i p, div.user-content-box div.user-content-i div.right-i p { line-height:15px}

div.user-content-box div.user-content-i div.right-i{ float:right; width:366px; margin-left:5px; display:inline}

div.user-content-box div.gift-top { padding-bottom:10px; margin-bottom:10px; background:url(../images/global/vip_info_line.png) repeat-x bottom; clear:both; border:0}

div.user-content-box div.gift-top-img { float:left; width:96px; height:128px; overflow:hidden; margin-right:20px; display:inline; border:1px solid #ccc; padding:1px; text-align:center}

div.user-content-box div.user-content-i div.gift-top-content { float:left; width:629px; padding-top:5px;}

div.user-content-box div.user-content-i-1 div.gift-top-content { float:left; width:621px; padding-top:5px;}

div.user-content-box .attr-title { margin:0 7px 0 0;}

div.user-content-box div.gift-top-content .gift-top-c { margin-top:35px; position:relative}

div.user-content-box .gift-top-c .left-c { float:left; width:450px; margin-right:20px; display:inline}

div.user-content-box .gift-top-c .right-c { float:left; width:106px}

div.user-content-box a.btn-upload { display:block; width:141px; height:29px}

div.gift-top .gift-top-c .right-c a.btn-upload { margin-top:18px; background:url(../images/global/bu_makesureaddress.jpg);}

div.user-content-i-1 div.gift-top .gift-top-c .right-c a.btn-upload { margin-top:22px}

div.user-content-box div.gift-top-content .attr-title-txt { margin-right:27px;}

div.user-content-i div.gift-top-content .show-desc p, div.vip-show-list div.gift-top-content .show-desc p { margin-top:9px; line-height:23px; color:#666}

div.gift-top-content .show-desc p a { color:#666; line-height:23px; font-size:14px}

div.gift-top-content .show-desc p a:hover { text-decoration:none; color:#000} 

div.gift-top-content .show-desc .detail { text-decoration:underline}

div.gift-top-content .show-desc .span-ch { margin-left:0}

div.user-content-i div.gift-top-content .upload-img { float:right; width:141px; margin:20px 3px 10px 0; display:inline}

div.user-content-i div.gift-top-content .btn-upload { background:url(../images/global/upload_show_btn.png)}

div.user-content-box div.q-a-top { padding:0 0 5px 5px; background:url(../images/global/vip_info_line.png) repeat-x bottom; font-weight:bold}

div.user-content-box .q-a-title { float:left; width:358px; margin-right:20px; display:inline;}

div.user-content-box .q-a-expert { float:left; width:58px; margin-right:20px; display:inline;}

div.user-content-box .q-a-date { float:left; width:107px; margin-right:20px; display:inline; text-align:center}

div.user-content-box .q-a-status { float:left; width:69px; margin-right:20px; display:inline; text-align:right}

div.user-content-box li .q-a-status { text-align:right; }

div.user-content-box .q-a-comments { float:left; width:62px; text-align:center}

div.user-content-box  ul.q-a-bottom li { float:left; width:739px; padding-left:10px; display:inline; line-height:30px;}

div.user-content-box ul.q-a-bottom li .q-a-title { width:355px;}

div.user-content-box ul.q-a-bottom li .q-a-title a { padding-left:16px;}

div.user-content-box ul.q-a-bottom li.bglight .q-a-title a { background:url(../images/global/red_q_and_a_mark_light.png) no-repeat}

div.user-content-box ul.q-a-bottom li.bgdark .q-a-title a { background:url(../images/global/red_q_and_a_mark_dark.png) no-repeat}

div.user-content-box div.q-a-upload { float:right; width:141px; margin:10px 0 15px 0; display:inline;}

div.user-content-box div.q-a-upload .btn-upload { background:url(../images/global/upload_q_and_a_btn.png)}

/* Vip info 1 */
div.user-content-i-1 { color:#333; border:1px solid #ccc; margin:1px; margin-right:0px; padding:20px 18px 19px 11px; background:#fff}

div.user-content-i-1 label { font-family:verdana,宋体}

.user-content-i-1 p { margin-bottom:12px}

.user-content-i-1 fieldset { border:0; margin:0; padding:0}

.user-content-i-1 select { width:110px; margin-right:10px;}


.user-content-i-1 label { margin-left:12px; position:relative}

.user-content-i-1 .field { float:left; width:77px; line-height:20px}

.user-content-i-1 .field-1 { float:left; width:60px; line-height:20px}

.user-content-i-1 .field-radio { margin-left:-4px;}

.user-content-i-1 p.sel-city-paragraph { margin-bottom:2px;}

.user-content-i-1 .large-field { float:left; width:365px; line-height:20px;}

.user-content-i-1 .asterisk { position:absolute; left:-12px; top:0; color:#E50083;font-weight:lighter;}

.user-content-i-1 .message { color:#cc0000}

.user-content-i-1 .field-intro { color:#676767;}

.user-content-i-1 .radiolist { width:42px; margin-left:18px; margin-right:0;}

.user-content-i-1 .radiolist input { margin-right:10px}

.user-content-i-1 p.date-row select { width:80px; margin-right:10px;}

.user-content-i-1 p.date-row span { margin-right:10px;}

.user-content-i-1 p.birth {position:relative;}

.user-content-i-1 p.area-row {position:relative;}

.user-content-i-1 p.must {position:relative;}

.user-content-i-1 p.field-card { position:relative;}

.user-content-i-1 p.field-card .field { width:84px}

.user-content-i-1 p.field-card select { width:106px}

.user-content-i-1 p.divide-line { display:block; margin:0px 0 15px 12px; width:748px; height:1px; background:url(../images/global/vip_info_line.png) repeat-x bottom; display:inline}

.user-content-i-1 p.btn-row {  width:758px; text-align:center; margin:20px auto;padding-top:20px;background:url(../images/global/vip_info_line.png) repeat-x top;}

.user-content-i-1 p.cue { width:430px; margin-left:12px; margin-bottom:0; padding:3px 0 3px 8px; background:#ededed;}

div.user-content-box div.space { background:#fff; float:left; width:793px; height:165px; border-top:1px solid #ccc; border-right:1px solid #ccc}

div.user-content-box div.concat-sp { height:321px}

div.user-content-box div.vip-logout-block { 
	float:left;
	background:#fff;
	border-bottom:1px solid #ccc;
	margin:0px;
	width:793px;
	height:44px;
	padding-top:4px
}

div.user-content-box div.vip-logout-block div.vip-logout-content {
	float:right;
}

div.user-content-box div.vip-logout-block div.vip-logout-content span{ 
	display:block;
	float:right;
	margin-right:15px;
	line-height: 36px;
	font-size: 12px;
}

div.user-content-box div.vip-logout-block div.vip-logout-content a{ 
	display:block;
	float:right;
	margin-right:15px;
	width:110px;
	height:36px;
	background:url(../images/common/vip_logout_button.png) no-repeat right;
}

div.user-content-box div.vip-logout-block div.vip-logout-content a:hover { 
	display:block;
	float:right;
	width:110px;
	height:36px;
        text-decoration:none;
	background:url(../images/common/vip_logout_over_button.png) no-repeat right;
}

div.user-content-box div.qa-sp { height:295px}

.user-content-i-1 p.handphone-number-row {position:relative;}

.user-content-i-1 p.handphone-number-row-newsletter {position:relative;}

.user-content-i-1 p.handphone-number-row input.text { width:186px}

.user-content-i-1 p.concat-cue { width:522px;}

div.user-content-box div.newsletter-content { padding-bottom:268px}

.user-content-i-1 p.newsletter-cue { width:474px;}

.user-content-i-1 p.newsletter-p span, .user-content-i-1 p.newsletter-sub-p span, div.gift-receive-content .protocol-row span { line-height:13px; margin-left:10px}

.user-content-i-1 p.newsletter-p label { color:#cc0000; font-weight:bold;}

.user-content-i-1 p.newsletter-sub-p { border:1px solid #d9d9d9; background:#f1f1f1;padding:8px 0 6px 37px; margin-left:12px}

.user-content-i-1 p.handphone-msg { margin-left:12px; margin-top:10px}

.user-content-i-1 p.handphone-msg span.handphone-mark { clear:both; display:block; border:1px solid #d9d9d9; padding:8px;margin-top:10px; color:#7f7f7f; background:#f1f1f1}

.user-content-i-1 p.handphone-msg span.handphone-mark span, .weight-sp, div.newsletter-success .edit-link { font-weight:bold}

.user-content-i-1 .highlight, div.newsletter-success p.commend-p span { color:#ff0000}

div.newsletter-success { padding:10px 0px 359px 10px}

div.newsletter-success p.success-title, div.newsletter-success .edit-link { color:#c50504}

div.newsletter-success p.success-title { width:430px; border:1px solid #ccc; padding:12px; background:#fafafa; font-size:16px; font-weight:bold}

div.newsletter-success p.success-p { margin:30px 0;}

div.newsletter-success p.commend-p .weight-sp { color:#000}

div.newsletter-success p.commend-p a { text-decoration:underline}

div.gift-list, div.gift-receive { padding:14px 20px 10px 20px}

div.user-content-box div.gift-receive-img { float:left; width:150px; height:200px; overflow:hidden; margin-right:20px; display:inline; border:1px solid #ccc; padding:1px; text-align:center}

div.user-content-box div.gift-receive-view { min-height:380px; padding-bottom:5px; background:url(../images/global/vip_info_line.png) repeat-x bottom}

div.user-content-box div.gift-receive-content { float:left; width:567px; margin-top:5px}

div.user-content-box div.gift-receive-content .field { width:72px;font-weight:lighter}

div.user-content-box div.gift-receive-content .large-field { width:115px;}

div.user-content-box div.gift-receive-content p.card-row .field { width:78px}

div.user-content-box div.gift-receive-content p.address-row input.text { width:200px}

div.user-content-box div.gift-receive-content .receive-one { margin-bottom:15px;}

div.user-content-box div.gift-receive-content .receive-one input.text { width:340px;}

div.user-content-box div.gift-receive-content p.name-row input.text { width:185px}

div.user-content-box div.gift-receive-content p.blog-address-row input.text { width:286px}

div.user-content-box div.gift-receive-content p.telephone-row input.text { width:186px}

div.user-content-box div.gift-receive-content .protocol-row { margin-left:77px;}

div.user-content-box div.gift-receive-content .protocol-row a { color:#e20003; text-decoration:underline; line-height:13px; height:13px; vertical-align:top;margin-left:5px;}

div.user-content-box div.gift-receive-content .receive-date, div.user-content-box div.gift-receive-content .receive-date span { font-size:14px;}

div.user-content-box div.gift-receive-content .receive-msg { color:red; font-size:12px}

div.user-content-box div.btn-gift-receive { padding-top:20px; padding-bottom:131px;text-align:center;}

div.user-content-box div.btn-gift-receive .submit { line-height:20px;height:20px;border:0;background:url(../images/global/gift_receive_btn.png) no-repeat;width:141px;cursor:pointer}

/* Vip info 5*/
div.show-tabs-box { padding:0}

div.show-tabs-box div.show-tabs { margin-top:10px; margin-bottom:7px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#f0f0f0}

div.show-tabs-box div.show-tabs li { float:left; width:110px; text-align:center; position:relative; height:26px; margin-left:10px; display:inline}

div.show-tabs-box div.show-tabs li a { float:left; width:110px; line-height:24px; margin-top:3px; color:#666}

div.show-tabs-box div.show-tabs li a.selected { position:absolute;top:0; left:0; height:23px; line-height:24px;font-weight:bold; background:#fff; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-top:1px solid #d1d1d1; color:#000}

div.vip-show-list { margin:0; padding:10px 18px 0 20px; background:#fff}

div.vip-show-list div.gift-top { margin-bottom:0}

div.vip-show-list li, div.vip-show-list li a { color:#333}

div.user-content-box div.small-space { width:100%; height:30px; background:#fff}

div.show-tabs-box div.content-navi, div.gift-list div.content-navi { padding-top:10px}

div.gift-list div.content-navi { padding-bottom:10px;}

div.gift-top-content span.status { color:#c00000; font-weight:bold}

/* add by zengrong for vip info 4 validate */
.tryout-form-fields div.receive-detail p {
	position:relative;
}
.tryout-form-fields label.input {
	width: 215px;
	background: #ccc;
	position: absolute;
	top: 0;
	left: 342px;
	z-index: 99;
	display: none;
}
.tryout-form-fields label.input span {
	width: 205px;
	padding: 5px;
	border: solid 1px #dcdcdc;
	background: #f1f1f1;
	color: #000;
	position: relative;
	top: -6px;
	left: -2px;
	display: block;
	font-weight:normal;
}
.tryout-form-fields label.right {
	width: 210px;
	height: 12px;
	line-height: 12px;
	padding: 5px 5px 5px 25px;
	border: solid 1px #C6F1B5;
	background: #E7FFDE url(../images/common/ico-yes.gif) no-repeat 5px center;
	color: #006600;
	position: absolute;
	top: 0;
	left: 342px;
	z-index: 1;
	display: none;
}
.tryout-form-fields label.error {
    	width: 185px;
	padding: 5px 5px 5px 25px;
	border: solid 1px #FDAEAD;
	background: #FCDFDD url(../images/common/ico-error.gif) no-repeat 5px center;
	color: #ff0000;
	position: absolute;
	top: -6px;
	left: 342px;
	z-index: 2;
}
.tryout-form-fields p.address-row label.error {
	width:120px;
	left:530px;
}
.no-tryout {
	*margin-bottom:20px;
	height:20px;
	line-height:20px;
}