@charset "utf-8";
#content{margin:0;padding:0;border:0;clear:both; width:100%;}
#content #left{float:left; width:54%;background:#ddd; height:165px; }
#content #right{float:right; width:45%;background:#036; height:165px;}

.loginMain{padding:18px;text-align:center;}
.loginMain h2{font-size:12px;color:#fff;font-weight:400;margin-bottom:12px; }

.loginMain div{padding-bottom:4px;}
.loginMain div label{color:#fff;padding-right:6px; font-family:tahoma,ËÎÌå;}
.loginMain div input{width:145px;height:16px;padding:1px 0 0 1px;  border-top:1px solid #202020;border-left:1px solid #202020; border-bottom:1px solid #808080;border-right:1px solid #808080;font-size:11px; }
  .loginMain span{font-size:12px;color:#ccc;padding:0;width:120px;  }
  .loginMain strong{font-size:12px;font-weight:400;color:#ccc;padding:0 0 0 8px; }
  .loginMain strong a{color:#ccc;text-decoration: underline;}
  .loginMain strong  a:hover{color:#36c; }

.buttonAction {margin-top:7px; border-top:2px solid #8bd7ff; border-left:2px solid #8bd7ff;border-right:2px solid #0073c8;border-bottom:2px solid #0073c8; font-size:12px; background: #0099fc; cursor: hand; color:#fff; line-height: 12pt; font-family:"tahoma"; height: 20px;text-decoration: none}

.buttonbig {border-top:2px solid #8bd7ff;border-left:2px solid #8bd7ff;border-right:2px solid #0073c8;border-bottom: 2px solid #0073c8; font-weight:bold; font-size:16px; background: #0099fc; cursor: hand; color: #fff; line-height: 17pt; font-family: "tahoma"; height: 27px; text-decoration: none}

.buttonsubmit {cursor: hand}

.buttonaction {border-right: #0073c8 2px solid; border-top: #8bd7ff 2px solid; font-size: 12px; background: #0099fc; border-left: #8bd7ff 2px solid; cursor: hand; color: #ffffff; line-height: 12pt; border-bottom: #0073c8 2px solid; font-family: "tahoma"; height: 20px; text-decoration: none}

.loginAccount{padding:18px 22px;text-align:left;}
.loginAccount strong{font-size:16px;color:#036;font-family:"tahoma"; }
.loginAccount span{padding-left:8px; line-height:18px;  }
.loginAccount h3{margin-top:5px; font-size:12px;}

.loginAccount div{margin-top:5px;text-align:center;}

#newMember{margin-top:8px;width:100%; padding:0;clear:both;}
#newMember .item{margin-top:8px; float:left;width:25%;background:url("../_img/_register/newMember_bg.gif") repeat-x left 26px;overflow:hidden}
#newMember .item_No1{ float:left;text-align:left;border-right:solid 4px #ffffff;width:24.6%;overflow:hidden}
#newMember .item_No2{ float:right;text-align:left;width:24.74%;overflow:hidden}
#newMember h3 {height:26px;background:#1E3A65; margin:0;padding:0 0 0 7px;text-decoration:none;font-weight:400;font-size:12px; }
#newMember h3 span{text-align:center;display:block;padding:7px 13px 1px 6px;color:#fff;}

#newMember h4 {float:right; margin:0;padding:0 18px 0;font-weight:400;font-size:12px;font-family:"ËÎÌå";}
#newMember h4 a{color:#000;text-decoration: underline;}
#newMember h4 a:hover{color:#f00;}

ul.newMemberlist {margin:.5em 0 .3em;padding:0;text-align:left;}
ul.newMemberlist li {margin:0 10px;padding:0 0 0 12px;line-height:20px;list-style:none;background:url("../_img/ico_bullet_black.gif") no-repeat 0 8px} 
ul.newMemberlist li a{color:#000;text-decoration: underline;} 
ul.newMemberlist li a:hover{color:#f00; }


/* layout join_us /
----------------------------------------------- */
#stepNum{margin:0;padding:0; min-width:790px; _width:790px; }

#stepNum dl{float:left;width:20%;padding-left:52px;  }
#stepNum dl dt{ float: left; width: 16px;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#ccc;  }
#stepNum dl dd{ float: left;width:80%;line-height:24px; background:#ddd;color:#fff;text-align:left; padding-left:8px; }

#stepNum dl.currently{float:left;width:20%;padding-left:0;  }
#stepNum dl.currently dt{ float: left; width: 16px;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#3F5F80;  }
#stepNum dl.currently dd{ float: left;width:80%; line-height:24px; background:#7F98B2;color:#fff;text-align:left; padding-left:8px; }


#stepNum02{margin:0;padding:0; min-width:790px; _width:790px;}

#stepNum02 dl{float:left;width:20%;padding-right:52px;  }
#stepNum02 dl dt{ float: left; width: 16px;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#ccc;  }
#stepNum02 dl dd{ float: left;width:80%;line-height:24px; background:#ddd;color:#fff;text-align:left; padding-left:8px; }

#stepNum02 dl.currently{float:left;width:20%;  }
#stepNum02 dl.currently dt{ float: left; width: 16px;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#3F5F80;  }
#stepNum02 dl.currently dd{ float: left;width:80%;line-height:24px; background:#7F98B2;color:#fff;text-align:left; padding-left:8px; }

#stepNum02 dl.R{float:left;width:20%;padding-right:0;  }
#stepNum02 dl.R dt{ float: left; width: 16px;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#ccc;  }
#stepNum02 dl.R dd{ float: left;width:80%; line-height:24px; background:#ddd;color:#fff;text-align:left; padding-left:8px; }


.join_us-title{margin:8px 0 0 0;padding:0; clear:both; border:0;text-align:left;}
.join_us-title h3{ font-size:12px;font-weight:400;color:#999; }
.join_us-title h3 span{color:#f00;font-family: tahoma;font-size: 9pt; }


.join_us-titleR{margin:12px 0;padding:0; clear:both; border:0;text-align:left;}
.join_us-titleR h3{ font-size:12px;font-weight:400;color:#000; font-weight:bold;}
.join_us-titleR h3 span{color:#f00;font-family: tahoma;font-size: 9pt; }

.servings{margin:8px 0 0 0;padding:0;text-align:left; height:100%; min-width:790px;_width:790px; }
.servings dl{float:left;width:100%;padding-left:0;  }
.servings dl dt{ float: left; width:1%;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#3F5F80;  }
.servings dl dd{ float: left;display:black; width:98%; line-height:24px; background:#7F98B2;color:#fff;text-align:left; padding-left:8px; }

#register dl{float:left;width:100%;padding-left:0;margin:5px 0;   }
#register dl dt{ float: left; width:1%;height: 24px; line-height:24px; text-align: center; font-weight: bold;color:#fff;background:#3F5F80;  }
#register dl dd{ float: left;display:black; width:98%; line-height:24px; background:#7F98B2;color:#fff;text-align:left; padding-left:8px; }

.servings .content-text{text-align:center;background:#EEEEEE;padding-top:15px; padding-bottom:18px; border:0; }
.servings .content-text h3{font-weight:400;font-size:12px;margin:8px 0; }

.servings .text-content{margin-top:15px; padding:0 8px;clear:both; }
.servings .text-content p{padding-bottom:3px; }

.servings .tablediv{border:1px solid #eee;height:100%;padding:3px 0; clear:both;  }
.servings .tablediv dl{float:left;width:100%;padding-left:0;text-align:left; border-bottom:1px solid #eee; }
.servings .tablediv dl dt{ float: left; width:25%;height: 24px; line-height:24px; text-align:left; padding-left:30px; background:none; font-weight: bold;color:#000;  }
.servings .tablediv dl dd{ line-height:24px;color:#000;width:70%;text-align:left;background:none;  padding-left:8px; }

.servings .tablediv dl dt .redstar {width:10px;font-size:12px;text-align:left;font-weight:normal;color:#ff0000;margin-right:3px;font-family:ËÎÌå;}

.servings .tablediv h3{font-size:12px;font-weight:400;margin-top:3px; padding:3px 0;text-align:center; clear:both;  }

.servings .content-bottom {background:#ddd; height:26px;padding-top:8px;  text-align: center;  }
/* CSS Document */
.regStep{margin:15px 0 10px 0; padding:10px auto; padding-bottom:15px;border-bottom:1px solid #ebebeb;text-align:left;}

	.regStep .bdy{ margin:15px 10px; text-align:left;}
		.stepType{ height:100%; position:relative}
			.spic{ width:80px;height:65px;position:absolute;top:39px;left:20px;z-index:0}
			.spicNew{ width:80px;height:65px;position:absolute;top:150px;left:20px;z-index:0}
				.s1{background:url(../_img/_register/bpic1.gif) no-repeat}
				.s2{background:url(../_img/_register/bpic2.gif) no-repeat}
				.s3{background:url(../_img/_register/bpic3.gif) no-repeat}
				.s4{background:url(../_img/_register/bpic4.gif) no-repeat}
				.s5{background:url(../_img/_register/bpic5.gif) no-repeat}
		
		.stepType li{width:130px;display:inline;height:20px; }
		.stepType input{  margin-top:0px; border:0;  float:left}
		.stepType span{ display:block; float:left; margin:0px 8px 0 2px; padding:3px 8px;color:#0F62A4;font-size:14px;font-weight:bold;}
		.stepType span.on{ background:#036; color:#FFF}
		
		#PayType{margin:5px 0 0 0; line-height:20px; color:#000;width:540px; height:85px; padding:15px 15px 0 90px; background-repeat:no-repeat}
		#PayType .p1{width:548px;color:#000;padding:3px 0 0 70px; height:65px}
		/*#PayType b{}*/
		.size{ color:#000;font-size:18px}
		.pt1{ background:url(../_img/_register/tbg1.gif)}
		.pt2{ background:url(../_img/_register/tbg2.gif)}
		.pt3{ background:url(../_img/_register/tbg3.gif)}
		.pt4{ background:url(../_img/_register/tbg4.gif)}
		.pt5{ background:url(../_img/_register/tbg5.gif)}



#urshelp{margin-top:5px;padding:0; border:1px solid #7A7A7B;height:185px;  }
#urshelp .title{margin:0;padding:0; border-top:6px solid #C2C2C4;height:41px;background:#F1F1F1;   }

#urshelp .title ul {margin:0;padding:0;list-style:none;padding:6px 0 0 0;width:85%;text-align:center;clear:both; }
#urshelp .title li {display:inline;margin:0;padding:0;font-size:12px;font-weight:bold;}
#urshelp .title a {float:left;background:url("../_img/_register/urshelp_left.gif")  no-repeat left top;margin:0;padding:0 0 0 32px;text-decoration:none;}
#urshelp .title a span {float:left;display:inline-block ; background:url("../_img/_register/urshelp_right.gif") no-repeat right top; padding:16px 90px 6px 9px;color:#000; cursor:pointer;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#urshelp .title a span {float:none;}
    /* End IE5-Mac hack */
#urshelp .title a:hover span {color:#000;}
#urshelp .title a:hover {background-position:0% 0;}
#urshelp .title a:hover span {background-position:100% 0;}
#urshelp .title #current a {background-position:0% -32px;}
#urshelp .title #current a span {background-position:100% -32px;}

#urshelp .content{margin:0; padding:16px 19px;border-top:1px solid #C2C2C4; }
#urshelp .content .bg{background:#FEFFEB;  }
#urshelp .content .bg ul{padding:15px 0 1px 48px;margin:0;  text-align:left; }
#urshelp .content .bg li{font-weight:bold; line-height:20px; }
#urshelp .content .bg li a{color:#039;  }
#urshelp .content .bg li a:hover{color:#f00; }

.text-content{margin-top:15px; padding:0;text-align:left; }
.text-content h3{margin:0; padding:2px;background:#EAF6FF; font-size:12px; }
 .text-content p{margin:0; padding:8px 2px; }
 .text-content p span{color:#f00;  }
 .text-content p a{color:#f00;text-decoration: underline;} 
 .text-content p a:hover{color:#036;}