@charset "utf-8";

/*header*/
/** title **/

#title{
	background-image:url(../../images/v2/action/2010_shanghai/header_logo_bg.png);
	height:69px;
	position:absolute;
	z-index:5;
	width:100%;}
	
#title .title_bg{
	width:1000px;
	margin:0 auto;}
	
#title .title_bg p{
	width:350px;
	display:block;
	color:#00479d;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	float:right;
	line-height:69px;}
	
#title .title_bg p a{
	text-decoration:none;
	color:#00479d;}
	
#title .title_bg p a:hover{
	text-decoration:underline;}



#title .main_logo{
	background-image:url(../../images/v2/action/2010_shanghai/header_logo_01.png);
	width:200px;
	height:69px;
	float:left;
	display: block;
}
	
#title .second_logo{
	background-image:url(../../images/v2/action/2010_shanghai/header_logo_02.png);
	width:82px;
	height:69px;
	margin-left:242px;
	display: block;
}

/* title end */

/*reset and default*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, select, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
img {border:0;}
ol, ul, li{list-style:none;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%;}
h1, h2, h3, h4, h5, h6{font-size:100%;}

.clearfix{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.hide{ display:none;}
input{ vertical-align:middle; font-size:100%;}
body{ font-family:Arial; font-size:13px; background:#caf4ff url(../../images/v2/action/2010_icepuppylove/bg_all.gif) repeat-x top left;}


/*footer*/
#footer { font-size:93%; text-align:center; padding:5px 0 12px 0; width:100%;}
#footer a{ color:#888888;}
#footer ul.flink{display:inline; line-height:2.6;}
#footer li{display:inline; padding:0 6px;  border-right:1px solid #d0c6ad;}
#footer span{ display:block; margin:0 auto;; color:#888888; margin-bottom:5px; letter-spacing:1px;}
#footer span a{ color:#c9151e;}
#footer span a:hover{ color:#c9151e;}


/*main*/
#ice{ width:995px; margin:0 auto;}
.top{ height:539px; overflow:hidden;}
.main{ background:url(../../images/v2/action/2010_icepuppylove/bg_body.gif) repeat-y; padding:15px 0; padding:0 4px;}
.btm{ background:url(../../images/v2/action/2010_icepuppylove/bg_btm.gif) no-repeat; height:20px;}
.mov{ width:308px; height:232px; background:#000000; float:left; margin:62px 0 0 31px;}
.info{ margin-left:24px; overflow:hidden; height:398px; background:url(../../images/v2/action/2010_icepuppylove/img_tt.jpg) no-repeat; }
.step01{ margin-left:24px; background:url(../../images/v2/action/2010_icepuppylove/img_01.jpg) no-repeat left 92px; height:476px;}
.step02, .step03{ float:left; height:543px;}
.step02 h2{ margin-left:20px;}
.step02{ width:492px; background:url(../../images/v2/action/2010_icepuppylove/bg_02.jpg) no-repeat left 130px; }
.step03{ width:495px; background:url(../../images/v2/action/2010_icepuppylove/bg_03.jpg) no-repeat right 130px;}
.intro{width:432px; float:right; margin-right:24px;}
.intro p{ display:block; color:#666666; line-height:20px; margin-bottom:24px;}
.intro p a{ text-decoration:none; color:#fe8cad; font-weight:bold;}
.intro p a:hover{ text-decoration:underline; color:#b7305e;}
.infoa{display:block; float:right;}
.infoa, .step01 a, a.ation{color:#b7305e; font-weight:bold;}
.infoa:hover, .step01 a:hover, a.ation:hover{color:#fe8cad;}
.uphoto{ border:1px solid #cccccc; padding:1px; overflow:hidden; float:left; margin-right:5px;}
.uphoto img{ width:30px; height:30px;}
.item{ margin:12px 0;}
.item a{ color:#e670b5; text-decoration:none; font-weight:bold;}
.item span{ display:block; color:#666666; margin-top:2px; height:16px; overflow:hidden;}
.cmm{ background:url(../../images/v2/action/2010_icepuppylove/bg_cmm.gif) no-repeat; height:210px; padding:20px 35px 0 25px;}
.step01 .detail, .step02 .detail{float:right;}
.step01 .detail{width:510px; margin-right:30px; font-size:15px; font-weight:bold; line-height:28px; color:#666666; margin-top:22px;}
.step01 .detail p{ display:block; margin:0 17px 0 30px;}
.step01 .btn{ display:block; float:right; margin-bottom:18px;}
.step02 .detail, .step03 .detail{ color:#666666; line-height:23px; margin-top:16px;}
.step02 .detail{ width:217px; margin-right:8px;}
.step03 .detail{ width:210px; margin-left:18px; float:left;}
.step02 .detail p, .step03 .detail p{ display:block; margin-bottom:30px;}
a.ation{ font-size:15px;}
a.shop{ color:#ff6c00; font-weight:bold; display:block; text-decoration:none; line-height:28px;}
a.go img{ margin-top:20px;}

/** ipeen_login **/
#ipeen_login_frame {background-image:url(../../images/v2/action/2010_ballantines/ipeen_login.jpg); width:406px; height:255px; position:relative;}
#ipeen_login_frame .ipeen_logon_btn a { display:block; position:absolute; background-image:url(../../images/v2/action/2010_ballantines/ipeen_login_btn.jpg); width:62px; height:30px; top:165px; left:158px; text-indent:-9999px;}
#ipeen_login_frame .id_name {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#3a3a3a; letter-spacing:1px; position:absolute; top:50px; left:25px;}
#ipeen_login_frame .password{ font-family:Verdana, Geneva, sans-serif; font-size:13px; letter-spacing:1px; position:absolute; top:80px; left:25px; }	
#ipeen_login_frame .name{position:absolute; top:50px; left:140px; }
#ipeen_login_frame .pass{ position:absolute; top:80px; left:72px;}
#ipeen_login_frame .forget_pass a{ font-family:Verdana, Geneva, sans-serif; font-size:13px; letter-spacing:1px; position:absolute; color:#039; text-decoration:none; top:80px; right:60px; }
#ipeen_login_frame .forget_pass a:hover{text-decoration:underline;}
#ipeen_login_frame .remember{position:absolute; top:120px; left:22px;}
#ipeen_login_frame .remember_id{ position:absolute; top:117px; left:50px; color:3a3a3a; font-family:Verdana, Geneva, sans-serif; font-size:13px; letter-spacing:1px;}	
#ipeen_login_frame .join_ipeen_free{position:absolute; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#666; letter-spacing:1px; top:210px; left:25px;}
#ipeen_login_frame .join_ipeen_free a{ color:#039; text-decoration:none;}	
#ipeen_login_frame .join_ipeen_free a:hover{ text-decoration:underline;}
#ipeen_login_frame .close_btn_2 a{display:block; background-image:url(../../images/v2/action/2010_ballantines/close_ipeen_btn.gif); position:absolute; width:20px; height:20px; top:3px; right:8px; }
#ipeen_login_frame .wrong{color:#F00; font-family:Verdana, Geneva, sans-serif; font-size:13px; letter-spacing:1px; position:absolute; top:135px; left:150px;}
.login_bg {background-image:url("../../images/v2/login/login_bg_default.jpg"); background-repeat:no-repeat; height:260px; overflow:hidden; width:410px;}
.login_main {padding-left:20px; padding-top:35px;}
.login_enter {font-family:Arial,Helvetica,sans-serif; font-size:13px; height:18px; overflow:hidden; padding-bottom:10px; padding-top:8px;}
.login_email { font-family:Arial,Helvetica,sans-serif; font-size:13px; height:15px;width:250px;}
.login_remember { font-family:Arial,Helvetica,sans-serif; font-size:13px; padding-bottom:5px;}
.login_error { color:#FF0000; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding-bottom:6px; padding-left:70px;}
.login_btn_area { padding-left:67px;}
.login_btnok { float:left; height:31px; margin-right:26px; overflow:hidden; width:61px;}
.login_btnno {float:left; height:31px; overflow:hidden; width:89px;}
.clear_line { clear:both; height:0; overflow:hidden; }
.login_register {color:#444444; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding-top:8px;}