/*---basic---*/
body {margin: 0px; font-family: Arial, Helvetica, sans-serif;font-size:11px;  background:#282828;}
h1, h2, h3, h4, h5, p, a, input, ul, li, form { margin:0; padding:0; border:none; list-style:none}
#header a{text-decoration:none;}
#wrapper {width: 695px; margin: 0 auto;}
.clear {clear:both}
a, a span{text-decoration:none}
a:hover, a:hover span{text-decoration:underline}
a.underline, a.underline span {text-decoration:underline}
a.underline:hover, a.underline:hover span {text-decoration:none}
.fcolor1{ color:#282828;}
.fcolor2{ color:#fff;}

h1{ font-size:38px; font-weight:bold;}
h2{ font-size:16px;}

.header .line_1{ margin-top:18px; float:left; width:100%;}
.header .line_2{ color:#8d8d8d; font-weight:bold; float:left; padding-left:2px;}
.step1, .step2 { width:100%;}
.content1{width:695px;height:670px;position:relative;}
.content2{width:695px;}
.product_img{ padding-bottom:10px; margin-left:8px; width:680px; }

.content1 .header{ padding:0px 22px; height:96px; position:relative; background-color:#FFFFFF; }
.content1 .header .btn_member{ float:right; position:absolute; top:15px; left:560px;}
.content1 .header .login_btn{ background: url(btn_group.jpg) no-repeat; width:118px; height:28px; float:left; }
.content1 .header .login_btn:hover {background-position: left -48px; top:20px; left:30px;}
.content1 .header .btn_member span{ display:none;}
.content1 .frame{ background:#f9f9f9; width:695px;}
.content1 .reg_form{ background:url(r_bg.jpg) repeat-x; width:695px; height:40px;}
.content1 .reg_form .register{ float:left; margin:10px 0px 0px 12px;}
.content1 .reg_form .left_side{ background:url(left_side.jpg) no-repeat; height:40px; width:10px; float:left;}
.content1 .reg_form .selectbar{ float:right; margin:10px 10px 0px 0px;}
.content1 .reg_form .right_side{ background:url(right_side.jpg) no-repeat; height:40px; width:10px; float:right;}
.content1 .reg_form .inputzone{ background:url(inputzone_bg.jpg) repeat; width:695px; float:left; padding-bottom:25px; position:relative;}
.content1 .reg_form .inputzone .form_content{ background:url(steps_bg.jpg) repeat-x; width:670px; border:1px solid #212121; margin:10px auto 12px auto;}
.content1 .reg_form .inputzone .form_content .s1{ width:215px; float:left; padding:0px 5px 10px 0px;}
.content1 .reg_form .inputzone .form_content .s1 .step_num{ color:#00a2ff; font-weight:normal; float:left; padding:6px 4px 0px 12px; font-size:36px;}
.content1 .reg_form .inputzone .form_content .s1 .step_title{ color:#8e8e8e; font-size:14px; font-weight:bold; float:left; margin-top:10px;}
.content1 .reg_form .inputzone .form_content .s1 .input_bg{ background:url(input_space.jpg) no-repeat; float:left; width:180px; margin:-1px 0px 0px 37px;}
.content1 .reg_form .inputzone .form_content .s1 input.text{width:180px; height:28px; font-size:20px; background:transparent}
.content1 .reg_form .inputzone .form_content .sumbit_btn{ background:url(btn_click_to_continue.gif) no-repeat; width:212px; height:50px; float:left; margin:22px 0px 0px 9px; cursor:pointer;}
.content1 .reg_form .inputzone .check{ padding-left:12px;}
.content1 .reg_form .inputzone input.checkbox{ float:left; margin-right:4px;}
.content1 .reg_form .inputzone .check span{ font-size:11px; color:#8f8f8f; font-weight:bold; display:block; line-height:17px;}
.content1 .reg_form .inputzone .check .agreement{ display:block; line-height:14px; font-weight:lighter; margin-left:16px;}
.content1 .reg_form .inputzone .check .agreement a{ color:#00a2ff;}
.content1 .reg_form .inputzone .tnc{ color:#8f8f8f; margin:12px 0px 0px 10px;}

.content2 .header{ padding:0px 22px; height:96px; background-color:#FFFFFF; }
.content2 .frame{ background:#f9f9f9;}
.content2 .info_form .form_content{position:absolute; top:-295px; left:7px; width:100%;}
.content2 .info_form .form_content h1 {font-size:13px; font-weight:bold; padding-bottom:2px; padding-left:10px; line-height:35px;}
.content2 .info_form .form_content label {width:90px; float:left; text-align:right; margin-right:5px; padding:4px 0 6px; font-size:11px;}
.content2 .info_form .form_content input.text {border: 1px solid #7f9db9; padding:1px 2px;}
.content2 .info_form .form_content input.radio {margin:3px; *margin:0}
.content2 .inputzone { float:left; width:100%; position:relative;}
.content2 .info_form .survey{ background:url(r_bg.jpg) repeat-x; width:695px; height:40px;}
.content2 .info_form .survey .left_side{ background:url(left_side.jpg) no-repeat; height:40px; width:10px; float:left;}
.content2 .info_form .survey .right_side{ background:url(right_side.jpg) no-repeat; height:40px; width:10px; float:right;}
.content2 .info_form .survey .content{background:url(inputzone_bg.jpg) repeat; width:695px; float:left; padding-bottom:20px;}
.content2 .info_form .survey  a.login_email{background:url(login_icon.jpg) no-repeat; width:15px; height:18px; float:left; margin:11px 0px 0px 12px; }
.content2 .info_form .survey .login_icon{margin-left:20px; font-weight:bold; float:left; font-size:14px;}
.content2 .info_form .survey .question{ background:#0d0d0d url(contnet_bg.jpg) repeat-x; width:670px; border:1px solid #212121; margin:10px auto; padding-bottom:20px;}
.content2 .info_form .survey .question .question_line1{ font-size:13px; margin:24px 0px 0px 12px; float:left; width:88%; line-height:17px;} 
.content2 .info_form .survey .question .question_line2{ font-size:11px; color:#858585; font-weight:normal; float:left; margin-left:12px;}
.content2 .info_form .survey .question .details{color:#858585; float:left; margin-bottom:25px;}
.content2 .info_form .survey .question .step_num{color:#00a2ff; font-weight:normal; float:left; padding:22px 4px 0px 36px; font-size:36px;}
.content2 .info_form .survey .question .details a{ color:#00a2ff;}
.content2 .info_form .survey .question .btn_box{ margin:10px 0px 0px 230px;}
.content2 .info_form .survey .question .sumbit_btn{ background:url(btn_click_to_continue_2.gif) no-repeat; width:212px; height:50px; float:left; cursor:pointer;}
.content2 .info_form .survey .tnc{ color:#8f8f8f; padding:10px 10px 0px 10px; float:left; text-align:justify;}

.footer { background:#000000; width:695px; height:130px; text-align:center; position:relative;}
.footer .freepay{ color:#FFFFFF; padding:15px 0px 20px 0px; margin:0px 10px;}
.footer .footer_content{ margin:0px auto; }
.footer .footer_link {color:#fff; padding-top:7px;}
.footer .footer_link a{color:#fff; margin:0 3px; font-weight:bold;}
.footer .copyright {color:#fff;}

.survey_arrow { color:#00a2ff; font-weight:normal; float:left; padding:22px 4px 0px 36px; font-size:36px; height: 50px; }
.survey_h1 { font-size:13px; margin:24px 0px 0px 12px; float:left; width:88%; line-height:17px; color: #FFFFFF; }
.survey_p { font-size:11px; color:#858585; font-weight:normal; float:left; margin-left:12px; color: #FFFFFF; width: 88%; }