@charset "utf-8";
/* CSS Document */
/*==============================
	Title: olay definity  
	Updated:   
	Content:  

    * Filename: base.css
    * Version: 1.0.0 (2008-09-22) YYYY-MM-DD
    * Website: http://www.olay.com.cn/definity/
    * Author: Vitrum Zhu (vitrum.zhu@nurun.com)
    * Description: all css

    == STRUCTURE: ==============================
    * 
    * 
    ============================================
	 word-break:break-all; //强制换行
*/


* {}
html { width:100%; margin:0; padding:0; border:0; }
body {  font-size:12px; font-family:Arial, Helvetica, sans-serif;}
body.introflash { background-color:#150025; background-image:none;}
/*== reset font ==*/
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:normal; }
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:inherit; font-weight:inherit; }
input, textarea, select { *font-size:100%;}
legend { color:#000; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%; line-height:100%; }
/*== reset font ==*/
/*== 清除浮动 ==*/
/*=1=*/
.clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clearfix {/* overflow:auto;*/ zoom:1;}
/*=2=*/
div.divclear { clear:both; font-size:0; line-height:0;}
/*== 清除浮动 ==*/
/*== 为隐藏而增加的CLASS ==*/
.addclasshide { display:none;}
a {outline:none}

/*== iepngfix ==*/
img, div, a, input { behavior: url(iepngfix.htc)}
/*== all boxs =*/
#bodybox { width:1002px; height:auto; margin:0 auto; }
#header { width:1002px; height:304px; position:relative; z-index:40; max-height:350px;  }
#indexconterbox { width:1002px; height:auto; min-height:500px; position:relative; top:-350px; z-index:30; overflow:hidden}
*html #indexconterbox { top:-356px;}
#footer { width:1002px; height:50px; margin:0 auto; clear:both;}

/*== all boxs ==*/
/*== body ==*/
body { background:url(flash/img/body-bg1.jpg) top center repeat-x; background-color:#E72D06; color:#780f6a;}

/*== header ==*/
#header {position:relative; top:-350px;}
*html #header {top:-356px; }
.navflash { width:1002px; height:355px; position:absolute; top:0;  z-index:40; height:auto; margin:0 auto;}
.navflashbgbox { width:1002px; height:350px; position:relative; top:0; left:0; z-index:4; margin:0 auto; background:url(../img/bodybox-bg.jpg) 0 74px no-repeat;}
.navflashbglongbox { width:1002px; height:350px; position:relative; top:0; left:0; z-index:4; margin:0 auto; background:url(../img/bodyboxlongnavbg-bg.jpg) 0 74px no-repeat;}
#header .pglogo { width:667px; height:76px; position:relative; left:0; z-index:50; background:url(../img/pg-logo.gif) no-repeat;}
#header .pglogo a { float:left; width:120px; height:76px; text-indent:-1000em;}
#header .loginfobox { width:300px; height:76px; position:relative; top:-76px; right:-680px; z-index:50; color:#ffffff; text-align:right;}
/**html #header .loginfobox  {top:-150px; }*/
*+html #header  { overflow:visible}
#header .loginfobox a { color:#ffffff;}
#header .loginfobox a.toplink { width:100px; height:44px; float:left; padding:18px 0 0 194px; background:url(../img/toplink-bg.gif) 20px 0 no-repeat; }
#header .loginfobox span { color:#f8d152;} 
#header .loginfobox .loginok { width:300px; height:90px; float:right; text-align:right;  position:relative;top:-5px;}

 
 .divTopLink {width: 250px; position: relative; left: -200px;height:44px; float:left; padding:18px 0 0 194px;  }
 #header .loginfobox .taobaocodespan{position: relative;top: -13px;color:#F8D152;}
  .taobaocodevalue{position: relative;top: -13px; color:#F8D152;}
#header .loginfobox .toplinkA{position: relative;top: -13px;color:#F8D152;font-size:28px;}

/*added by ZHQ*/
a.userboxlink {color:#F8D152;}

/*== footer ==*/
#footer {}
	#footer h3.title { width:147px; height:44px; float:left; text-indent:-1000em; background:url(../img/footer-title.gif) no-repeat;}
	#footer div.number { width:195px; height:44px; float:left; background:url(../img/footer-number-bg.gif) no-repeat;}
	#footer span { width:18px;float:left; color:#764c70; height:44px; line-height:44px; text-align:center; }
	#footer a { float:left; color:#764c70;height:44px; line-height:44px;margin-right:8px}
	#footer a.how { width:118px; height:44px; text-indent:-1000em; background:url(../img/footer-btn01.gif) no-repeat; margin-right:160px;}
	#footer a.jing { width:152px; height:44px;text-indent:-1000em; background:url(../img/footer-btn02.gif) no-repeat; margin:0}
/*== popinfo ==*/
#popinfo { width:153px; height:262px; position:relative;left:808px;top:-930px;color:#ffffff; z-index:50; }
#popinfo h3.title { width:156px; height:25px; float:left; text-indent:-1000em; background:url(../img/popinfo-title.gif) no-repeat;}
#popinfo p { line-height:16px; margin-top:6px}
#popinfo span {color:#ffe298;}
#popinfo a { float:left; clear:left; width:192px; height:64px; text-indent:-1000em;}
/*== popheart ==*/
#popheart { right:-690px;top:-690px;width:320px; height:285px; position:relative; z-index:40; overflow:hidden;}
*html #popheart  { top:-940px;}

/*== regbox ==*/
#regbox { width:1002px; height:1020px; background:url(../img/regbox-bg.jpg) no-repeat;}
	#regbox.homebox { background:url(../img/homebox-bg.jpg) no-repeat;}
	#regbox div.center { width:600px; float:left; padding-left:110px; height:620px; }
	#regbox h3.title { width:600px; height:75px; float:left; text-indent:-1000em;}
	#regbox ul { width:620px; float:left;}
	#regbox ul li { width:600px; float:left; height:28px; line-height:28px;}
		#regbox ul li.short { width:300px; clear:left}
		#regbox ul li.submit { width:300px;  float:right;}
	#regbox ul li h3 { height:32px; background:url(../img/loginbox-line.gif)  -70px 12px no-repeat; font-weight:bold;}
	#regbox ul li h3.line { background-position: -90px 12px;width:600px;}
	#regbox ul li label { width:90px;float:left;}
	#regbox ul li label.sex { width:20px; float:none; padding:0 10px 0 10px;}
	#regbox ul li label.checkbox { width:120px; height:60px; float:none; padding:0 8px}
	#regbox ul li label.noshow {width:90px; float:left; }
	#regbox ul li span { /*margin-left:10px*/}
	#regbox select { background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:107px; height:22px; color:#780f6a}
	#regbox input.txt { background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:215px; height:18px; color:#780f6a}
	#regbox input.days { width:30px;}
	#regbox input.year { width:60px;}
	#regbox input.code { width:120px;}
	#regbox input.btn01{ background:transparent url(../img/regbox-submit-btn.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;float:left;height:43px;margin:12px 0 0 95px;text-indent:-1000em;width:129px;}
	#regbox ul li div.img { width:61px; height:19px; float:left; padding:4px 4px 0 0;}
	*html #regbox ul li div.img { padding:1px}
	#regbox .fowers { position:relative; width:130px; height:50px; top:-450px; left:300px;background:url(../img/homebox-fowers-title.gif) no-repeat top right; }
		#regbox .fowers h3 { width:72px; height:50px; float:left; background:url(../img/homebox-fowers-title.gif) no-repeat; padding:10px 0 0 50px}
		#regbox .fowers span { padding-top:10px;float:left;}
/*== registerokbox ==*/
#registerokbox { width:1002px; height:420px; background:url(../img/registerokbox-bg.jpg) no-repeat;}
	#registerokbox h3.title { width:690px; height:140px; float:left; text-indent:-1000em; background:url(../img/registerokbox-title.gif) no-repeat;text-indent:-1000em;}
	#registerokbox h3.line { width:690px; height:20px; float:left; text-indent:-1000em; background:url(../img/registerokbox-line.gif) -19px 0 no-repeat;}
	#registerokbox .center { width:690px; float:left; height:163px; background:url(../img/registerokbox-cenbg.png) no-repeat;}
	#registerokbox .center a { height:40px; float:left; text-indent:-1000em;}
	#registerokbox .center a.btn01 { background:transparent url(../img/registerokbox-btn01.gif) no-repeat ;cursor:pointer;margin:10px 0 0 300px;text-indent:-1000em;width:285px;}
	#registerokbox .center a.btn02 { background:transparent url(../img/registerokbox-btn02.gif) no-repeat ;cursor:pointer;text-indent:-1000em;width:423px;margin:10px 0 0 202px; clear:left}
	#registerokbox .center a.btn03 { background:transparent url(../img/registerokbox-btn03.gif) no-repeat ;cursor:pointer;text-indent:-1000em;width:285px;margin:10px 0 0 300px; clear:left}
	
	/*== regbox ==*/
#profilebox { width:1002px; height:1020px; background:url(../img/myprofile-bg.jpg) no-repeat;}
	#profilebox.homebox { background:url(../img/homebox-bg.jpg) no-repeat;}
	#profilebox div.center { width:600px; float:left; padding-left:110px; height:620px; }
	#profilebox h3.title { width:600px; height:75px; float:left; text-indent:-1000em;}
	#profilebox ul { width:620px; float:left;}
	#profilebox ul li { width:600px; float:left; height:28px; line-height:28px;}
		#profilebox ul li.short { width:300px; clear:left}
		#profilebox ul li.submit { width:300px;  float:right;}
	#profilebox ul li h3 { height:32px; background:url(../img/loginbox-line.gif)  -70px 12px no-repeat; font-weight:bold;}
	#profilebox ul li h3.line { background-position: -90px 12px;width:600px;}
	#profilebox ul li label { width:90px;float:left;}
	#profilebox ul li label.sex { width:20px; float:none; padding:0 10px 0 10px;}
	#profilebox ul li label.checkbox { width:120px; height:60px; float:none; padding:0 8px}
	#profilebox ul li label.noshow {width:90px; float:left; }
	#profilebox ul li span { /*margin-left:10px*/}
	#profilebox select { background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:107px; height:22px; color:#780f6a}
	#profilebox input.txt { background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:215px; height:18px; color:#780f6a}
	#profilebox input.days { width:30px;}
	#profilebox input.year { width:60px;}
	#profilebox input.code { width:120px;}
	#profilebox input.btn01{ background:transparent url(../img/regbox-submit-btn.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;float:left;height:43px;margin:12px 0 0 95px;text-indent:-1000em;width:129px;}
	#profilebox ul li div.img { width:61px; height:19px; float:left; padding:4px 4px 0 0;}
	*html #regbox ul li div.img { padding:1px}
	#profilebox .fowers { position:relative; width:130px; height:50px; top:-450px; left:300px;background:url(../img/homebox-fowers-title.gif) no-repeat top right; }
		#profilebox .fowers h3 { width:72px; height:50px; float:left; background:url(../img/homebox-fowers-title.gif) no-repeat; padding:10px 0 0 50px}
		#profilebox .fowers span { padding-top:10px;float:left;}
		
/*== loginbox ==*/
#loginbox { width:1002px; height:420px; background:url(../img/loginbox-bg.jpg) no-repeat;}
	#loginbox div.center { width:600px; float:left; padding-left:110px; }
	#loginbox h3.title { width:690px; height:140px; float:left; text-indent:-1000em; background:url(../img/loginbox-title.gif) no-repeat;}
	#loginbox h3.line { width:600px; height:20px; float:left; text-indent:-1000em; background:url(../img/loginbox-line.gif) -110px 0 no-repeat;}
	#loginbox ul { width:600px; float:left;}
	#loginbox ul li { width:300px;height:26px; float:left; line-height:26px; }
	#loginbox ul li.long { width:600px; float:left; line-height:30px; }
	#loginbox ul li.sub { width:600px;height:60px; float:left; line-height:60px; }
	#loginbox ul li label { width:50px;height:26px; float:left;line-height:26px;}
	#loginbox ul li label.lognamelabel {width:80px;}
	#loginbox a { color:#780f6a;}
	#loginbox input.txt  { background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:200px; height:18px; color:#780f6a;vertical-align:middle;}
	#loginbox input.btn01	{ background:transparent url(../img/loginbox-btn01.gif) no-repeat ;border:medium none;cursor:pointer;float:left;height:40px;margin:10px 0 0 220px;text-indent:-1000em;width:137px;}
	#loginbox input.btn02	{ background:transparent url(../img/loginbox-btn02.gif) no-repeat ;border:medium none;cursor:pointer;float:left;height:40px;margin-top:10px;text-indent:-1000em;width:137px;}
/*== getpwd ==*/
	#loginbox ul li label.email { width:130px; padding-left:180px}
	#loginbox input.btn03	{ background:transparent url(../img/loginbox-btn03.gif) no-repeat ;border:medium none;cursor:pointer;float:left;height:40px;margin:10px 0 0 360px;text-indent:-1000em;width:137px;}
	
/*== repaybox ==*/
#repaybox { width:1002px; height:1050px; background:url(../img/repaybox-bg.jpg) no-repeat; position:relative;}
	#repaybox h3.title {  width:1000px; height:100px; float:left; text-indent:-1000em; background:url(../img/repaybox-title.gif) no-repeat;}
	#repaybox ul { width:1000px; height:398px; float:left; margin:0; padding:0}
	#repaybox ul li {height:398px; float:left; margin:0; padding:0}
	*html #repaybox ul li { behavior: url(iepngfix.htc)}
		#repaybox ul li h3 { height:0px; text-indent:-1000em; }
		#repaybox ul li p {height:0px; text-indent:-1000em; }
	#repaybox ul li.mark { width:438px; background:url(../img/repaybox-linktomark.png) no-repeat; }
		#repaybox ul li.mark a { width:438px;height:398px; float:left;text-indent:-1000em;}
	#repaybox ul li.online { width:447px; background:url(../img/repaybox-linkonline.png) no-repeat;}
		#repaybox ul li.online a { width:447px;height:398px;float:left;text-indent:-1000em;}
	#repaybox .center { width:520px; height:100px; float:left; clear:left; position:absolute; left:10px; top:800px; padding-left:110px; }
		#repaybox .center p { color:#fff; height:24px; line-height:24px;}
		#repaybox .center span {color:#f4cc50; padding-left:14px; background:url(../img/repaybox-span-bg.gif) 2px -2px no-repeat;}
		#repaybox .center a { color:#f4cc50; text-decoration:none;}
		#repaybox .center a.repaygobtn { width:280px;height:28px;float:left;text-indent:-1000em; background:url(../img/repaybox-gobtn.gif) no-repeat; cursor:pointer;}
		
		#repayLinktoQA { width:217px; height:61px; position:absolute; left:462px; top:830px;}	
			#repayLinktoQA a { width:217px; height:61px; float:left; text-indent:-1000em; background:url(../img/repay-link-qa.jpg) no-repeat;}
			
			
/*== topbox ==*/		
#indexconterbox #topbox { width:1002px; height:550px; background:url(../img/topbox-bg.jpg) no-repeat;}	
#indexconterbox.topgift #topbox { background:url(../img/topbox-bg-gift.jpg) no-repeat;}
	#topbox h3.title {  width:609px; height:89px; float:left; text-indent:-1000em; background:url(../img/topbox-title.gif) no-repeat;}
	#topbox a.btn01	{ width:105px; height:98px; float:left;background:transparent url(../img/topbox-btn01.gif) no-repeat ;cursor:pointer;text-indent:-1000em;}
	#topbox .monthtitle { width:609px; height:98px; padding:0 0 0 150px; float:left; background:url(../img/topbox-title-gift.gif) 150px 2px no-repeat;}
		#topbox .month12 {background:url(../img/topbox-title12-gift.gif) 150px 2px no-repeat;}
		#topbox .month01 {background:url(../img/topbox-title01-gift.gif) 150px 2px no-repeat;}
		#topbox .month02 {background:url(../img/topbox-title02-gift.gif) 150px 2px no-repeat;}
	#topbox .monthtitle h3, #topbox .monthtitle p { display:none;}
	#topbox ul { width:600px; float:left; padding-left:130px}
	#topbox ul.title { height:28px;}
		#topbox ul.title li span { margin-left:-4px;}
		#topbox ul.title li span.user { margin:0}
	#topbox ul.list01 { height:280px;}
		#topbox ul li span { width:90px;  float:left; overflow:hidden;HEIGHT: 28px}
		#topbox ul li span.user { width:70px}
		#topbox ul li span.topno { width:56px}
		#topbox ul li span.fowersno {width:56px}
		#topbox ul li { width:200px; float:left; height:28px; line-height:28px;}
		#topbox ul.list01 { width:200px; }
		#topbox ul.list02 { width:200px; padding:0;}
		#topbox ul.list03 { width:200px; padding:0;}
	#topbox div.giftpagenav { width:600px; float:left; padding:20px 0 0 130px;text-align:center;}
		#topbox div.giftpagenav a { color:#7f0071; margin:20px 4px;}
			#topbox div.giftpagenav a.nexprv { text-decoration:none; padding-left:10px; background:url(../img/topbox-linknexprv.gif)  0 -2px no-repeat;}
			#topbox div.giftpagenav a:hover { text-decoration:underline;}
		#topbox div.giftpagenav ul.monthlink { width:160px; float:right; padding-right:60px;padding-left:0;}	
			#topbox div.giftpagenav ul.monthlink li { width:40px; float:left;}
		#topbox div.giftpagenav table { height:28px}
	#topbox div.givtptub { width:180px; height:137px; position:relative; top:-342px; left:789px;z-index:5000;}
	*html #topbox div.givtptub { top:-308px;left:56px;}
	*+html #topbox div.givtptub { top:-308px;left:59px;}
		#topbox div.givtptub a { width:179px; height:66px; float:left; background:url(../img/topbox-givtptub-bg.jpg) no-repeat; text-indent:-1000em;}
			#topbox div.givtptub a.top { background-position:-186px 0}
			#topbox div.givtptub a.topselect { background-position:0 0;}
			#topbox div.givtptub a.gift { background-position:0 -66px;; height:71px}
			#topbox div.givtptub a.giftselect { background-position:-186px -66px; height:71px}
			
/*== storybox ==*/		
#storybox {  width:1002px; height:850px; background:url(../img/storybox-bg.jpg) no-repeat;}	
	#storybox h3.title {  width:762px; height:0px; float:left; text-indent:-1000em; background:none;}
	#storybox div.storyflashbox { width:693px; height:515px; float:left; padding:40px 0 20px 80px;}
	*html #storybox div.storyflashbox {padding-top:26px;}
		#storybox div.storypoptitle { top:0; left:0; background:url(../img/story-poptitle.gif) no-repeat; position:absolute; width:207px; height:121px;text-indent:-1000em;}
	#storybox div.storytestbox { width:820px; height:150px; float:left; padding:32px 0 20px 0;}
		#storybox div.storytestbox div.fowers { background:transparent url(../img/fower-01.png) no-repeat ;height:94px;left:410px;position:absolute;text-indent:-1000em;top:570px;width:100px;}
	#storybox div.storytestbox h3.title { width:521px; height:31px; float:left; text-indent:-1000em; background:url(../img/storybox-test-title.gif) no-repeat;}
	#storybox div.storytestbox h3.line { width:820px; height:20px; float:left;text-indent:-1000em; background:url(../img/storybox-line.gif) 0 10px no-repeat; }
	#storybox div.storytestbox ul { width:820px; float:left; padding:0 0 0 110px; color:#ffffff; font-size:14px;}
		#storybox div.storytestbox ul li { width:820px; float:left; height:24px; line-height:24px; }
		#storybox div.storytestbox ul li.a { width:300px;}
		#storybox div.storytestbox ul li.q { width:820px;}
		#storybox div.storytestbox ul li.ok { width:300px;}
			#storybox div.storytestbox ul li.ok input.btn01 { background:transparent url(../img/storybox-test-btn.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;float:left;height:31px;text-indent:-1000em;width:76px;}
		#storybox div.storytestbox ul li label { margin:0 6px;}
	#storybox div.storytestbox p { width:820px; float:left; padding:0 0 0 110px;}
		#storybox div.storytestbox p { color:#fff; height:24px; line-height:24px;}
		#storybox div.storytestbox span {color:#f4cc50; padding-left:14px; background:url(../img/repaybox-span-bg.gif) 2px -2px no-repeat;}
		#storybox div.storytestbox a { color:#f4cc50; text-decoration:none;}
		#storybox div.storytestbox a.repaygobtn { width:280px;height:28px;float:left;text-indent:-1000em; background:url(../img/repaybox-gobtn.gif) no-repeat; cursor:pointer;}
#storybox div.storyhistory { width:180px; height:137px;  position:absolute; top:80px;left:790px;z-index:5000;}
		div.storyhistory a { width:176px; height:66px; float:left; background:url(../img/storybox-tub.jpg) no-repeat; text-indent:-1000em;}
			div.storyhistory a.history { background-position:-187px 0}
			div.storyhistory a.historyselect { background-position:0 0;}
			div.storyhistory a.story { background-position:0 -66px;; height:71px}
			div.storyhistory a.storyselect { background-position:-187px -66px; height:71px}
/*== historybox ==*/
#storybox.historybox { height:980px;background:url(../img/historybox-bg.jpg) no-repeat;}
	#storybox.historybox h3.title {  width:594px; height:84px; float:left; text-indent:-1000em; background:url(../img/historybox-title.gif) no-repeat;}
	#storybox.historybox .center { width:640px; padding:0 0 0 100px;float:left;}
	#storybox.historybox .center p {width:640px; float:left; line-height:20px; margin:5px 0;}
	#storybox.historybox .center p.short {width:500px; }
	#storybox.historybox .center h3 { width:640px; height:18px; padding:0 0 0 10px; float:left; background:url(../img/historybox-h3-bg.gif) no-repeat; color:#ff7800; margin-top:10px}
	#storybox.historybox .center a.more {  width:129px;height:43px;float:left;text-indent:-1000em; background:url(../img/historybox-h3-title.gif) -90px 0 no-repeat; cursor:pointer; }
	#storybox.historybox div.historyprobox { width:640px; height:180px; position:absolute; top:726px; left:140px;}
/*== repaymarkbox ==*/
#repaymarkbox { width:1002px;height:1240px; background:url(../img/repaymarkbox-bg-2.jpg) no-repeat;}
	#repaymarkbox h3.title {  width:748px; height:112px; float:left; text-indent:-1000em; background:url(../img/repaymarkbox-title.gif) no-repeat;}
/*	#repaymarkbox h3.title2 {  width:748px; height:135px; float:left; text-indent:-1000em; background:url(../img/repaymarkbox-title2.gif) no-repeat;}
	#repaymarkbox h3.title3 {  width:748px; height:119px; float:left; text-indent:-1000em; background:url(../img/repaymarkbox-title3.gif) no-repeat;}
	#repaymarkbox h3.title4 {  width:748px; height:139px; float:left; text-indent:-1000em; background:url(../img/repaymarkbox-title4.gif) no-repeat;}	
*/	

	#repaymarkbox #giftbox { float:left; padding:0 0 0 100px;}
		#giftbox div { width:648px; float:left; text-indent:-1000em;}
				#gift1 { height:191px; background:url(../img/repaymarkbox-gift-1.jpg) no-repeat;}
				#gift2 { height:232px; background:url(../img/repaymarkbox-gift-2.jpg) no-repeat;}
				#gift3 { height:350px; background:url(../img/repaymarkbox-gift-3.jpg) no-repeat;}
				
				
#repaymarkbox div.center { /*width:600px; height:40px;by vitrum 20081113*/width:669px; height:125px; float:left;  background:url(../img/repaymarkbox-div-bg2.gif) 95px 2px no-repeat; padding:15px 0 0 95px;}
	#repaymarkbox div.center p { width:636px; color:#fff; margin:0 auto; line-height:18px;}
	
	div.searchmarkbox { width:790px;  float:left; position: absolute; top: 1325px; z-index:50;}
		div.searchmarkbox h3 { width:281px; height:42px; float:left; text-indent:-1000em; background:url(../img/repaymarkbox-searchmarkbox-h3.gif) no-repeat;}
		div.searchmarkbox h4 { width:390px; height:42px; float:left; color:#79156b; line-height:42px; clear:none;}
		div.searchmarkbox ul { width:600px; height:112px; float:left;clear:left; padding-left:120px;}
			div.searchmarkbox ul li { float:left;clear:left; height:26px}
			div.searchmarkbox ul li.active { width:140px;clear:none;}
		div.searchmarkbox ul select { width:120px;background:#FFFFFF none repeat ;border:1px solid #780F6A;color:#780F6A;height:22px;}
		#ddlMBCIStoreList { width:auto}
		div.searchmarkbox ul input.add {background:#FFFFFF none repeat;border:1px solid #780F6A;color:#780F6A;height:18px;width:400px;}
		
	div.repaymenuonline,div.repaymenumarket,div.repaymenuqa,div.repaymenughh ,div.repaymenutaobao  { width:180px; height:320px; background-image:url(../img/onlinemarked.jpg); background-repeat:no-repeat;  position:absolute; top:80px;left:791px;z-index:5000;}
	div.repaymenuonline { background-position:-764px 0;}
	div.repaymenumarket { background-position:-573px 0;}
	div.repaymenuqa     { background-position:0 0; }
	div.repaymenughh    { background-position:-191px 0;}
	div.repaymenutaobao { background-position:-382px 0;}
	div.repaymenuonline a,div.repaymenumarket a,div.repaymenuqa a , div.repaymenughh a , div.repaymenutaobao a { width:181px; height:66px; float:left; text-indent:-1000em;}
		
			
/*== repayonlinebox ==*/
#repayonlinebox { width:1002px;height:726px;background:url(../img/repayonlinebox-bg.jpg) no-repeat;}
	#repayonlinebox h3.title {  width:790px; height:115px; float:left; text-indent:-1000em; background:url(../img/repayonlinebox-title.gif) no-repeat;}
	#repayonlinebox a.title2 {  width:790px; height:84px; float:left; text-indent:-1000em; background:url(../img/repayonlinebox-title2.gif) no-repeat;}
	#repayonlinebox a.title3 {  width:790px; height:73px; float:left; text-indent:-1000em; background:url(../img/repayonlinebox-title3.gif) no-repeat;}
	#repayonlinebox a.title4 {  width:790px; height:70px; float:left; text-indent:-1000em; background:url(../img/repayonlinebox-title4.gif) no-repeat;}	
	#repayonlinebox a.title5 {  width:790px; height:86px; float:left; text-indent:-1000em; background:url(../img/repayonlinebox-title5.gif) no-repeat;}	
	#repayonlinebox h3.title6 {  width:790px; height:134px; float:left; text-indent:-1000em; background:url(../img/repayonlinebox-title6.gif) no-repeat;}	
	#repayonlinebox .center { width:520px; height:100px; float:left; clear:left;margin-top:0;padding-left:110px; }
		#repayonlinebox .center p { color:#fff; height:24px; line-height:24px;}
		#repayonlinebox .center span {color:#f4cc50; padding-left:14px; background:url(../img/repaybox-span-bg.gif) 2px -2px no-repeat;}
		#repayonlinebox .center a { color:#f4cc50; text-decoration:none;}
		#repayonlinebox .center a.repaygobtn { width:280px;height:28px;float:left;text-indent:-1000em; background:url(../img/repaybox-gobtn.gif) no-repeat; cursor:pointer;}
	#repayonlinebox .onlineinfo { width:900px; height:100px; float:left; clear:left;margin-top:0;padding-left:110px; color:#fff; line-height:40px}

/*== repayQA ==*/
#repayqabox { width:1002px;height:770px;background:url(../img/repayqabox-bg.jpg) no-repeat;}
#repayqabox h3.title { width:748px; height:112px; float:left; text-indent:-1000em; background:url(../img/repayqabox-title.gif) 196px 15px no-repeat;}
#qalistBox { width:602px; float:left; padding:0 0 0 143px;}
	#qalistBox .listcontent { height:480px;}
	#qalistBox dl { padding:15px 0 0 0; background:url(../img/repayqa-line.gif) 0 bottom repeat-x;}
		#qalistBox dt { line-height:30px; color:#d604cc;}
		#qalistBox dd { line-height:18px; padding:5px 0 10px; color:#7d1770;}
	#qalistBox .pagenav { text-align:center;}
		.pagenav a { padding:0 3px; color:#7d1770; text-decoration:none;}
		.pagenav a.current { font-weight:bold; text-decoration:underline;}
/*== friendbox ==*/
#friendbox {  width:1002px; height:470px; background:url(../img/friendbox-bg.jpg) no-repeat; }
	#friendbox h3.title {  width:665px; height:130px; float:left; text-indent:-1000em; background:none;background:url(../img/friendbox-title.gif) no-repeat;}
	#friendbox h3.line { width:690px; height:10px; float:left; text-indent:-1000em; background:url(../img/registerokbox-line.gif) -110px 0 no-repeat;}
	#friendbox .center {width:640px; padding:0 0 0 110px;float:left;}
	#friendbox .center ul li {width:640px; height:32px; float:left;}
		#friendbox .center ul li label { width:120px; margin:0 10px 0 0}
		#friendbox .center ul li.name { width:282px; clear:left}
		#friendbox .center ul li.mail { width:300px;}
		#friendbox .center ul li.line { height:10px;}
		#friendbox .center ul li.info { width:282px;background:url(../img/friendbox-li-info.gif) no-repeat;height:88px;}
		#friendbox input.txt {background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:180px; height:18px; color:#780f6a}
		#friendbox ul li a { cursor:pointer;float:left;height:43px;text-indent:-1000em;width:130px;background:transparent url(../img/friendbox-btn01.gif) no-repeat;}
		#friendbox input.btn02 {background:transparent url(../img/friendbox-btn02.gif) no-repeat;border:medium none;cursor:pointer;float:left;height:43px;text-indent:-1000em;width:140px;}
/*== game ==*/
#gamebodybox { width:1002px; margin:0 auto;}
	#gamebodybox #header { top:0; position:absolute; height:80px;}
	#gamebodybox #gamebox { padding:10px 0 10px 20px; width:960px; height:600px}
#gameflashplayer { width:960px; margin:0 auto}
/*== gameindexbox ==*/
#gameindexbox { width:1002px; height:650px; background:url(../img/gameindexbox-bg.jpg) no-repeat; position:relative;}
	#gameindexbox .center { padding:10px 0 10px 20px; width:960px; height:600px;}
	#gameindexbox .center ul { width:890px; height:574px; padding:16px 0 0 70px;}
		#gameindexbox .center ul a.gamelink01 { width:402px; height:423px; float:left; clear:left; text-indent:-1000em; background:url(../img/gameindexbox-link01.jpg) no-repeat; }
		#gameindexbox .center ul a.gamelink02 { width:414px; height:423px; float:left; text-indent:-1000em; background:url(../img/gameindexbox-link02.jpg) no-repeat; }
/*== RegisterCounter_Counter ==*/
#footer div.number { padding-left:12px}
#footer div.number span { width:16px; height:26px; float:left; background:url(../img/footer-number.gif) no-repeat; margin-top:10px; text-indent:-1000em}
	#footer div.number span.ss { background-position:-160px 0; width:10px;}
	#footer div.number span.s0 { background-position:0 0}
	#footer div.number span.s1 { background-position:-16px 0}
	#footer div.number span.s2 { background-position:-32px 0}
	#footer div.number span.s3 { background-position:-48px 0}
	#footer div.number span.s4 { background-position:-64px 0}
	#footer div.number span.s5 { background-position:-80px 0}
	#footer div.number span.s6 { background-position:-96px 0}
	#footer div.number span.s7 { background-position:-112px 0}
	#footer div.number span.s8 { background-position:-128px 0}
	
	#footer div.number span.s9 { background-position:-144px 0}
	
	/*== popwintaobaobox ==*/
#popwintaobaobox { width:798px; height:654px; background:url(../img/popwin-bg.gif) no-repeat; position: absolute; top:20px; left:50%; margin-left:-400px; z-index: 102; -moz-opacity: 1; opacity: 1; filter:alpha(opacity=100);}
	#popwintaobaobox h3 { width:575px; height:91px; float:left; background:url(../img/popwintaobaobox-title.gif) no-repeat;text-indent:-1000em}
	#popwintaobaobox a  { width:152px; height:91px; float:left; background:url(../img/popwintaobaobox-btn.gif) no-repeat;text-indent:-1000em}
	#popwintaobaobox a.close { width:70px; height:47px; float:right; text-align:left; text-indent:-1000em; cursor:pointer; background:url(../img/pixel.gif) no-repeat;}
	#popwintaobaobox ul { width:798px; float:left; clear:left}
		#popwintaobaobox ul li { width:265px; height:260px; float:left;}
#popwintaobao { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;  /*background-color:#2c0227; filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; z-index: 100;*/}
	*html #popwintaobao { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}



/*== repay taobaopromotion ==*/
#repaytaobaobox { width:1002px;height:1250px;background:url(../img/repaytaobaobox-bg.jpg) no-repeat;}

	#repaytaobaobox h3.title { width:900px; height:100px; float:left; text-indent:-1000em; background:url(../img/repaytaobaobox-title.gif) no-repeat;}
	#repaytaobaobox p { width:900px; text-indent:-1000em; float:left;}
		#repaytaobaobox p.info01 { display:none; width:0; height:0;}
		#repaytaobaobox p.info02 { height:111px; background:url(../img/repaytaobaobox-info02.gif) no-repeat;}
		#repaytaobaobox p.info03 { height:86px; background:url(../img/repaytaobaobox-info03.gif) no-repeat;}
		#repaytaobaobox p.info04 { width:445px; height:216px; background:url(../img/repaytaobaobox-info04.gif) no-repeat;}
		#repaytaobaobox p.info05 { width:455px; height:216px; background:url(../img/repaytaobaobox-info05.gif) no-repeat;}
		#repaytaobaobox p.info06 { width:445px; height:228px; background:url(../img/repaytaobaobox-info06.gif) no-repeat;}
		#repaytaobaobox p.info07 { display:none; width:0; height:0;}
		#repaytaobaobox p.info08 { height:168px; background:url(../img/repaytaobaobox-info08.gif) no-repeat;}
	#repaytaobaobox .btnlogin { width:455px; height:228px; background:url(../img/repaytaobaobox-info07.gif) no-repeat;float:left;}
	#repaytaobaobox .btnbox   { height:130px; float:left;}
	#repaytaobaobox .btnbox2  { width:900px; height:149px; float:left; background:url(../img/repaytaobaobox-info01.gif) no-repeat;}
		#repaytaobaobox a { cursor:pointer;}
		#repaytaobaobox a.btn01 { width:204px; height:43px; float:left; background:url(../img/repayghhbox-btn01.gif) no-repeat; text-indent:-1000em; margin:40px 0 8px 175px;}
		#repaytaobaobox a.btn02 { width:207px; height:43px; float:left; background:url(../img/repayghhbox-btn02.gif) no-repeat; text-indent:-1000em; margin-left:175px;}
		#repaytaobaobox a.btn03 { width:289px; height:43px; float:left; background:url(../img/repayghhbox-btn03.gif) no-repeat; text-indent:-1000em; margin-left:101px;}
		#repaytaobaobox a.btn04 { width:289px; height:43px; float:left; background:url(../img/repayghhbox-btn04.gif) no-repeat; text-indent:-1000em;}
		#repaytaobaobox a.btn05 { width:289px; height:101px; left:660px; top:38px; position:relative; float:left; background:url(../img/repaytaobaobox-btn01.gif) no-repeat; text-indent:-1000em;}


/*== repay ghh ==*/
#repayghhbox { width:1002px;height:662px;background:url(../img/repayghhbox-bg.jpg) no-repeat;}
	#repayghhbox h3.title {  width:774px; height:98px; float:left; text-indent:-1000em; background:url(../img/repayghhbox-title.gif) no-repeat;}
	#repayghhbox .womanbox { width:774px; height:360px; float:left;background:url(../img/repayghhbox-womanbg.gif) no-repeat;}
	#repayghhbox .womanbox p { width:774px; height:206px; float:left;background:url(../img/repayghhbox-info02.gif) no-repeat; text-indent:-1000em;}
	#repayghhbox .btnbox { width:774px; height:140px; float:left; }
	#repayghhbox .btnbox .btnlogin { height:70px;}
		#repayghhbox a.btn01 { width:204px; height:43px; float:left; background:url(../img/repayghhbox-btn01.gif) no-repeat; text-indent:-1000em; margin-left:101px;}
		#repayghhbox a.btn02 { width:207px; height:43px; float:left; background:url(../img/repayghhbox-btn02.gif) no-repeat; text-indent:-1000em;}
		#repayghhbox a.btn03 { width:289px; height:43px; float:left; background:url(../img/repayghhbox-btn03.gif) no-repeat; text-indent:-1000em; margin-left:101px;}
		#repayghhbox a.btn04 { width:289px; height:43px; float:left; background:url(../img/repayghhbox-btn04.gif) no-repeat; text-indent:-1000em;}
		
		
#sampleapply { width:1002px; height:900px; background:url(../img/ESample-Apply-bg.gif) no-repeat;}	
#sampleapply div.center { width:600px; float:left;  padding :100px 10px 10px 120px; }

#applycheckout {position: relative; top: -630px; z-index: 100;}
#applyconfirm {position: relative; top: 150px; z-index: 100;}

#viewsamplelist { width:1002px; height:900px; background:url(../img/try-coupon-bg.gif) no-repeat;}	
.nowgoregister{position: relative; top: -5px; left: 260px;}

	/**   .repayLinkQA { width:217px; height:61px; position: relative; top: -73px; left: 420px;}	**/   /* fine in Firefox ,not fine in IE 7 ??? Why???*/
	.repayLinkQA { width:217px; height:61px; position: relative; top: -680px; left: 60px;z-index:1000;}	
    .repayLinkQA a { width:217px; height:61px; float:left; text-indent:-1000em; background:url(../img/repay-link-qa.jpg) no-repeat;}


/*Update old css*/
 .btn03 { width:289px; height:43px; float:left; background:url(../img/repayghhbox-btn03.gif) no-repeat; text-indent:-1000em; margin-left:101px;}
 .btn04 { width:289px; height:43px; float:left; background:url(../img/repayghhbox-btn04.gif) no-repeat; text-indent:-1000em;}

/*== popcocobox ==*/
#popcocobox {left: 590px; top:-200px; width:302px; height:206px; position:relative; z-index:40;}

/*== login bar ==*/
#loginbar {left: 130px; top:-525px; width:300px; height:20px; position:relative; z-index:40;}
#loginbar a { color:#f4cc50; text-decoration:none;}

/*== login button ==*/
#loginbutton {left: 620px; top:-915px; width:204px; height:43px; position:relative; z-index:40;}
#loginbutton input.btn01 { background:transparent url(../img/repayghhbox-btn01.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;float:left;height:43px;text-indent:-1000em;width:204px;}

/*== question button ==*/
#questionbutton {left: 620px; top:-900px; width:204px; height:43px; position:relative; z-index:40;}
#questionbutton input.btn01 { background:transparent url(../img/repayghhbox-btn02.gif) no-repeat scroll 0 0;border:medium none;cursor:pointer;float:left;height:43px;text-indent:-1000em;width:204px;}

#activeapplybox
{width:1002px; height:1150px; min-height:620px; background:url(../img/Active_Apply_BG.gif) no-repeat;}
#activeapplybox div.center { width:600px; float:left; padding-left:110px; height:620px; }

#activefailed
{
	 background:transparent url(../img/information-bg.jpg) no-repeat;width:1002px; height:420px; 
}
.activediv
{
	font-size: 20pt; font-weight: bold; color: #9A008A; position: relative;  top: 75px;
}

.couponcodediv
{
	font-size: 12pt; font-weight: bold; color: #9A008A; position: relative; left: 130px; top: 180px;
}
.buybutton
{
	position: relative; left: 520px; top: 600px;
}
.applyedresult
{
	position: relative; top: -680px; z-index: 100;
}

	/*== */
.TextBox215{background:#fff none repeat scroll 0 0; border:1px solid #780f6a; width:215px; height:18px; color:#780f6a}
.DropDownList60{width:100px;}

.RegTable
{
	width:100%;
	line-height:28px;
}
.Width100
{
	width:100px;
}
.Width215
{
	width:215px;
}

.TD235
{
	width:235px;
}
.Pink
{
	color:#ED2FD5;
}
.FloatLeft
{
	float:left;
}
	
.lineheight15
{
	line-height:15px;
}
.h3
{
	 height:32px; background:url(../img/loginbox-line.gif)  -70px 12px no-repeat; font-weight:bold;
}

.TD120
{
	width:120px;
	font-size:larger;
}
.TD100
{
	width:100px;
	font-size:larger;
}
.TD80
{
	width:80px;
	font-size:larger;
}
.Button120
{
	width:120px;
}
.Button120WithBG
{
	border:0px;
	height:25px;
	font-weight:bold;
	background:#933B87 url(../img/button-bg.jpg) repeat-x;
	width:120px;
	cursor:pointer;
}