@charset "utf-8";

@media only screen 
and (max-device-width : 320px){ html{ -webkit-text-size-adjust: none; } }

*.unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	-ms-user-select: none;
	user-select: none;
}

* {
	font-size: 20px;
	color: #333333;
	line-height: 1.4em;
}

#Container_Full_Content {
	border: 1px solid #cccccc;
}


#content_container{
	width: 840px;
	margin-left: 38px;
	margin-top: 20px;
}

#termandcondition_intro{
  clear:both;
  line-height:2.0em;
}

#termandcondition{
  line-height: 2.0em;
}

#termandcondition_title{
  font-size: 15px;
  color: black;
}

#termandcondition_title_large{
  font-size: 21px;
  color: black;
}

#termandcondition_content{

}


#form_area{
 clear:both;
 line-height: 2.0em;
}

#form_main_title{
  color: black;
  padding-bottom: 10px;
}

#form_model_area{

}

#form_message{
  color: black;
}

#form_sep{
  padding-top: 20px;
  padding-bottom: 20px;
}

.OTRE234wwer {
	display: none;
}
.o3woeiej222 {
	float: right;
	visibility: hidden;
	width: 1px;
}
input[type="email"] {
	height: 20px;
}
.qwer1355tywert23143 {
	width: 160px;
}
.twer3242545qrqwe {
	width: 160px;
}
.t45QWER1543 {
	width: 20px;
}
.QER324qwer1234 {
	width: 60px;
}
.rte45wr34123 {
	width: 15px;
}

.thankleft {
	width: 25%;
}
.thankright {
	width: 75%;
}


#form_store_area{
 clear:both;
}

#store_container {
	margin-bottom: 10px;
	margin-left:20px;
}
#store_menu {

}



#store_menu a:link{
  color: #000000;
  text-decoration: none;
}

#store_menu a:visited{
	color: #000000;
	text-decoration: none;
}

#store_menu a:hover{
	color: #000000;
	text-decoration: none;
}
#store_menu a:active{
	color: #000000;
	text-decoration: none;
}



#store_sep {
	margin-left: 20px;
	margin-right: 20px;
}

#form_store_address{
	float: left;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

#form_store_address_bg{
	float: left;
   background-color:#F0F0F0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

#form_store_radio {
	float: left;
	width: 2%;
	margin-left: 1%;
	margin-right: 1%;
}
#form_store_add {
	float: left;
	width: 79%;
}
#form_store_map {
	float: right;
	text-align: right;
	padding-right: 10px;
	width: 15%;
}


#form_idbr_radio, #form_ER234QWER1234 {
	float: left;
	width: 10%;
	margin-left: 2%;
	margin-right: 2%;
}
#form_idbr_add {
	float: left;
	width: 79%;
}



#form_message_remark{
  clear: both;
  font-size:1em;
  padding-left:20px;
}



#form_personal_info{

}

#form_element{
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
}

#form_element_lable{
 float: left;
 width: 280px;
 padding-left:10px;
}



#form_element_field_yes_no{
 float: left;
width: 140px;
}

#form_element_field_long, #form_r234WERT34 {
 float: left;
 width: 350px;
}

#form_element_field_remind_short{

}

#form_facebook_code{

}

#form_varify_code{
	
}

#form_remark{

}

#form_deposit{

}

#container_wording{
  padding-bottom:20px;
}

#form_tc{
  padding-top: 20px;
  padding-bottom: 20px;
}

#form_tc_checkbox{
  float:left;
}

#form_tc_content{
  float:left;
  width:750px;
}

#form_btm{
  clear:both;
  text-align:center;
  padding-bottom: 20px;
  padding-top: 20px;  
}

#loginError .error {

}

#loginError p {
	color:#ff0000;
	font-weight:bold;
	padding-left:60px;
	padding-right:60px;		
}

.TotalAmt {
	font-size: 16px;
}

#form_btnContainer {
	height: 30px;
	margin-top: 15px;
	margin-left:400px;
}
.btnStyleFunc { margin:0 10px; float:left; display:inline; }
.btnStyleFunc a { outline:0; -moz-outline:0; border:0; }
.btnStyleFunc a { height:30px; padding-right:10px; color:#333; font-size:12px; font-weight:bold; line-height:30px; text-decoration:none; background:url(/iPhone6/common/btn-popup.gif) no-repeat right top; cursor:pointer; float:left; }
.btnStyleFunc a span { position:relative; height:30px; margin-left:-10px; padding-left:10px; white-space:nowrap; background:url(/iPhone6/common/btn-popup.gif) no-repeat left top; float:left; }
.btnStyleFunc a:hover { color:#F00; background:url(/iPhone6/common/btn-popup.gif) no-repeat right -30px; }
.btnStyleFunc a:hover span { background:url(/iPhone6/common/btn-popup.gif) no-repeat left -30px; }

/* ============================== new for iPhone  ======================================== */
/* #register_top{
  width:100%;
  height:45px;
}

#register_left_right_area{
  height:490px;
}


#register_left{
   float:left;
   width:44%;
   padding-left:50px;
   padding-top: 35px;
   height:100%;
   text-align:left;
}

.login_header_text_grey {
    font-size: 1.5em;
    color: #666666;
    letter-spacing: 0em;
    line-height: 1.3em;
}

#login_input1, #login_input2{
    width: 100px;
    height: 30px;
    position: relative;
}


#infoi, #infoi1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#navi, #navi1{
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	display:block;
	padding-left: 10px;
}



#navi, #navi1 {
    z-index: 10;
}


input.login_input{
    -webkit-border-radius: 16px; 
    -moz-border-radius: 16px; 
    border-radius: 16px; 
    background: -webkit-gradient(linear, left top, left bottom, from(#8cc0f6), to(#cfe4fa));
    background: -moz-linear-gradient(top, #8cc0f6, #cfe4fa);
    color: #00ff00; 
    font-weight: bold; 
    padding-left: 2px;


}


#login_forget_pass_area{
   float:left;
}

a:link.login_forget_pass {
	font-size: 0.9em;
	color: #999999;
	letter-spacing: 0em;
	text-decoration: underline;
}
a:hover.login_forget_pass {
	font-size: 0.9em;
	color: #ff0000;
	letter-spacing: 0em;
	text-decoration: underline;
}

#login_botton_area{

}

#register_right{
   float:left;
   width:50%;
   height:100%;
}

#login_submit_area{
  padding-right:20px;
  float:right;
}


.login_btn_submit {
     z-index: 3;
    border: 1px solid #b3b3b3;
    border-radius: 6px;
    padding-top: 4px;
    padding-right: 27px;
    padding-bottom: 4px;
    padding-left: 27px;
    font-size: 1.2em;
    color: #000000;
    background-color: #e6e6e6;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#c9c9c9));
    background: -moz-linear-gradient(top, #FFFFFF, #c9c9c9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9)";
	cursor:pointer;
}

.login_btn_submit:hover {

       background-color: #e6e6e6;
	   background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#bebebe));
	   background: -moz-linear-gradient(top, #f5f5f5, #bebebe);
	   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe);
	   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe)";
}

#login_btn_submit_blank{
   display:none;
}

#login_btn_right_area{
   float:left;
   padding-bottom: 50px;
}

#register_right_top{
  height:35px;
  width:100%;
  float:left;
  background:url(/iPhone6/common/login_h_line_top.jpg) no-repeat; 
}

#register_middle{
  float:left;
  height:auto;
  background:url(/iPhone6/common/login_h_line_middle.jpg) repeat-y; 
}


#register_middle_right{
   float:left;
   width:auto;
   height:100%;
   margin-left:10px;
   text-align:left;
}

#register_right_botton{
  height:95px;
  width:100%;
  float:left;
  background:url(/iPhone6/common/login_h_line_bottom.jpg) no-repeat; 
}


#register_botton{
  width:100%;
  height:6px;
  float:left;
  padding-top: 10px;
}

.register_botton_left{
  width:207px;
  height:6px;
  float:left;
  background:url(/iPhone6/common/select_line_01_left.jpg) no-repeat; 
}

.register_botton_middle{
  width:51%;
  height:6px;
  float:left;
  background:url(/iPhone6/common/select_line_01_middle.jpg) repeat-x; 
}

.register_botton_right{
  width:207px;
  height:6px;
  float:left;
  background:url(/iPhone6/common/select_line_01_right.jpg) no-repeat; 
}

#login_btn_continue_area{
    float: right;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 50px;
}


.login_btn_continue {
    z-index: 3;
    border: 1px solid;
    border-radius: 6px;
    padding-top: 4px;
    padding-right: 27px;
    padding-bottom: 4px;
    padding-left: 27px;
    font-size: 1em;
    color: #000000;
    border: 1px solid #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#c9c9c9));
    background: -moz-linear-gradient(top, #FFFFFF, #c9c9c9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9)";
	cursor:pointer;
}

.login_btn_continue:hover {
       background-color: #e6e6e6;
       background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#bebebe));
       background: -moz-linear-gradient(top, #f5f5f5, #bebebe);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe);
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe)";
}

.login_red{
    color: #FF1E1E;
}

#login_btn_continue_blank{
   display:none;
}

#div_clear{
  clear:both;
}

#timmer_area{

}
.SessionTimerDiv{
	float:right;
	padding-right:20px;
}
#SessionTimerLayer{
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    padding-top: 10px;
	width:280px;
	height:40px;
    z-index: 10;
    background-color: #222222;
	text-align:center;
	margin-top: 10px;
	margin-right:20px;
	
	color:#FFF;
}

.SessionTimerLayer_Flow{
   position:fixed;	
   top: -15px;
   left:50%;
   margin-left:156px;
}

.select_time_red {
    font-size: 1.45em;
    color: #FFFF00;
    letter-spacing: 0em;
}

#step_area{
  position:relative;
  text-align:center;
  width:893px;
  height: 122px;
  margin: 0px;
  padding-top:20px;
  padding-bottom:20px;
   border-radius: 15px;
   z-index: 2;
}

#step_area_border{
  position:relative;
  text-align:center;
  width:866px;
  height: 120px;
  margin: 0px;
  padding: 0px;    
  border: 1px solid #cccccc;
  border-radius: 13px;
  z-index: 2;
}


#step_area_bg{

}

.form_paragraph{
   text-align: left;
   margin-top: 20px;
   margin-left:40px;
   font-size:1.1em;
}


.select_step_bg_white {
background-image: url(/iPhone6/common/select_step_bg_4.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#step_area_txt{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   padding-top:20px;
   font-size:14px;
}

 #step_area_txt_left, #step_area_txt_right{
  float:left;
  width:40px;
  height:122px;
  
 }  
 
#step_area_txt_left{
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

#step_area_txt_right{
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

#step_area_txt1, #step_area_txt2, #step_area_txt3, #step_area_txt4{
  float:left;
  width:129px;
  height:122px;
  padding-top:16px;
  
}

.select_step_bg {
    background-image: url(/iPhone6/common/select_step_bg_3.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

 #step_area_txt_middle_arrow_1, #step_area_txt_middle_arrow_2 , #step_area_txt_middle_arrow_3{
    float:left;
	width:90px;
	height:122px;
 }

 

#full_tc_area{
   text-align:left;
   display:none;
}

.tc_open_close{
   cursor:pointer;
}


.full_tc_remark{
   display:block;
   clear:both;
}


.full_tc_remark_sybmol{
  float:left;
}

.full_tc_remark_txt{
  float:left;
  padding-left:10px;
}

#full_tc_btn{

}

#full_tc_btn_1{

}

#full_tc_btn_2{

}

#redpass_area{
  display:none;
}

#redpass_input_area{
  float: left;
}

#redpass_input_area_txt{

}

#redpass_input_area_input{

}

#fb_input_area{

}

#fb_input_area_txt{

}

#fb_input_area_input{

}

#important_notice{
  text-align:left;
  width: 827px;
  margin-bottom:20px;
}

.select_info_text_1 {
    font-size: 0.9em;
    color: #464646;
    letter-spacing: 0em;
}

.phone_group{
  position:relative;
  text-align:center;
  width:870px;
  height: 68px;
  margin-top: 20px;
  padding: 0px;    
   z-index: 2;
   clear: both;
}

.phone_group_2{
  position:relative;
  text-align:center;
  width:870px;
  height: 142px;
  margin-top: 20px;
  margin-bottom:25px;
  padding: 0px;    
   z-index: 2;
   clear: both;
}

#phone_group_line{
   position: absolute;
   top: 68px;
   left: 0px;
   width: 100%;
}

#phone_group_line_2{
   position: absolute;
   top: 142px;
   left: 0px;
   width: 100%;
}

#phone_group_name {
    position: absolute;
   top: 0px;
   left: 317px;
   width: 210px;
   background-color:#ffffff;
}

#phone_group_name_2 {
   width: 210px;
   background-color:#ffffff;
}

.phone_group_line{
   width:52%!important;
}   

.select_header_iphone6 {
    font-size: 2.5em;
    color: #000;
     letter-spacing: 0em;
}

#user_field_area{
   display:none;
   padding-right:20px;
}

.phone_unit_area1{
	clear:both;
   width: 100%;
   padding-left: 60px;
   margin-left: 50px;
}

.phone_unit_area2{
	clear:both;
   width: 100%;
   padding-left: 60px;
   margin-left: 50px;
}

.phone_container_top{
   float:left;
   padding-bottom: 15px;
}

.phone_image{
   float:left;
}

.phone_model_text{
  clear:both;
  padding-top: 15px;
  padding-left: 10px;
  text-align:center;
}

.select_phone_name_1 {
    font-size: 1em;
    color: #000000;
    letter-spacing: 0em;
}

.select_phone_name_2 {
    font-size: 1.3em;
    color: #000000;
    letter-spacing: 0em;
}

.select_phone_name_3 {
    font-size: 1.0em;
    color: #000000;
    letter-spacing: 0em;
}


.phone_container_botton{
   float:left;
   padding-bottom: 20px;
}

.phone_container{
   float:left;
   width:270px;
}

.phone_4_size{
    width:100%; 
}

.phone_size_select_area{
    height: 33px;
	float:left;
	width: 205px;
	
}


.phone_size{
    border: 1px solid #AAA;
    border-radius: 8px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
	float:left;
}

.phone_size_128{
    border: 1px solid #AAA;
    border-radius: 8px;
    padding-top: 1px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-left: 5px;
	float:left;
	position: absolute;
	top: 4px;
	left: -8px;
    
}

.phone_size_price{
	float:left;
	padding-left:0px;
	padding-right:10px;
	padding-top:1px;
	padding-bottom:1px;
	color:#666;	
	height:28px;
	
}

.select_info_gb {
	margin-right:10px;
    font-size: 0.9em;
    color: #666;
    letter-spacing: 0em;
}

.phone_amount_area, .phone_amount_area_on{
      border-radius: 10px;
      padding-top: 1px;
      padding-right: 5px;
      padding-bottom: 1px;
      padding-left: 5px;
      width: 110px;
      height: 26px;
      
	  position: relative;
	  float: right;
	  margin-right: 11px;

}

.phone_amount_area{
    background-color: #bfbfbf;
}

.phone_amount_area_on {
     background-color: #262626;
}

.phone_selected_number{
    position: absolute;
    left: 17px;
    top: 2px;
    z-index: 9;
}

.select_info_number {
    font-size: 1.2em;
    color: #FFF;
    letter-spacing: 0em;
}

.phone_btn_area{
	border: 1px solid #808080;
    border-radius: 8px;
    width: 76px;
    height: 22px;
    position: absolute;
    left: 40px;
    top: 2px;    
    background-color: #bfbfbf;	
	
	
}



.select_info_add_off {
    font-size: 1.1em;
    letter-spacing: 0em;
    line-height: 110%;
    font-weight: bold;
}


.phone_size_select_area_dim{
    height: 33px;
	float:right;
}

.phone_size_select_area_dim .select_info_gb{
	color:#ccc;
}

.phone_size_select_area_dim .phone_size{
	border:1px solid #ccc;
}

.phone_size_select_area_dim .phone_size_price{
	color:#CCC;
}

.phone_size_select_area_dim .phone_amount_area_on{
	background-color:#E9E9E9;
}
.phone_size_select_area_dim .phone_amount_area{
	background-color:#E9E9E9;
}
.phone_size_select_area_dim .phone_btn_area{
	border:1px solid #B3B3B3;
}
.phone_size_select_area_dim  .select_number_add{
	color:#CCC;
}

.phone_btn1{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 38px;
  height: 22px;
  background-color: #DCDCDC;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;  
}

.phone_btn2{
  position:absolute;
  top:0px;
  left:40px;
  width:36px;
  height:22px;
  background-color: #DCDCDC;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;  
  cursor:pointer
}

.select_table_gradient_off {
  background-color: #e6e6e6;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#cfcfcf));
  background: -moz-linear-gradient(top, #FFFFFF, #cfcfcf);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#cfcfcf);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#cfcfcf)";
}

.select_table_gradient_on {
    background-color: #d2d2d2;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#a0a0a0));
    background: -moz-linear-gradient(top, #e6e6e6, #a0a0a0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#a0a0a0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6e6e6, endColorstr=#a0a0a0)";
}

.select_number_add {
   font-size: 1.1em;
   letter-spacing: 0em;
   color: #666;
}



#pre_step_1_area1{
   float: left;
   padding-top:20px;
   padding-left:45px;
}

#pre_step_1_area2{
   float: left;
   padding-top:20px;
   padding-left:26px;
}

#pre_step_1_area3{
   float: right;
   padding-top:20px;
   padding-right:26px;
}

#pre_step_2_area1{
   float: right;
   clear: both;
   padding-right:20px;
}

#pre_step_3_area1{
   float: right;
   clear: both;
}

#pre_step_4_area1{
    margin-top:20px;
   float: left;
}


#pre_step_4_area2{
	margin-top:20px;
   float: right;
}

.pre_step_4_sub_btn_area1, #pre_step_4_sub_btn_area1{
   float: right;
   margin-right:20px;
}

#pre_step_4_sub_btn_area2{
   float: right;
   clear: both;
   margin-top:1px;
}
.review_model_btn {
	margin-top: -29px;
	margin-right:20px;
}

.review_edit_chi {
	margin-right:10px;
}

.review_shop_address_btn {
	margin-top: -53px;
	margin-right:20px;
}
.review_person_btn {
	margin-top: -300px;
	margin-right:20px;
}
.review_person_btn_noRP {
	margin-top: -295px;
}


#phone_form{
  display:none;
}

#phone_form_person_info{
  display:none;
  padding: 0px 20px;
  width:866px;
}

#phone_form_i5S_area{

}

#phone_form_i5C_area{

}

#phone_form_i5S_intro{

}

#phone_form_i5S_model{


}

#phone_form_img{

}

#phone_form_model{

}

#phone_form_size{

}

#phone_form_number{

}

#phone_form_plus_area{

}

#phone_form_plus{
    
}

#phone_form_minus{
   
}

.plus_minus_bg{
   border:1px solid;
   border-radius:6px;
   width:20px;
   cursor:pointer;
}


#phone_form_btn_area{

}


#phone_form_btn{

}
#location_top_area{
}

.location_open{
	
}

#location_botton_area{
  float: left;
}

#shop_area{
 background-color:#F0F0F0;
 padding-left:10px;
 margin-bottom:15px;
 height:500px;
 
}

#hongkong, #hongkong_c {
	float:left;
    width: 280px;
    height: 54px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    text-align: center;
    border-top-color: #CCC;
	border-top-width: 1px;
    border-right-color: #CCC;
    border-right-width: 1px;
	border-left-width: 1px;
    border-left-color: #CCC;	
    border-bottom-width: 0px;
	cursor:pointer;
}


#kowloon, #kowloon_c{
	float:left;
    width: 280px;
    height: 54px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    text-align: center;
    border-top-color: #CCC;
	border-top-width: 1px;
    border-right-width: 0px;
	border-left-width: 0px;
    border-bottom-width: 0px;
    cursor:pointer;	
}


#nt, #nt_c {
   float:left;
   width: 280px;
   height: 54px;
   border-top: 1px solid #999;
   border-left: 1px solid #999;
   border-right: 1px solid #999;
   -webkit-border-top-right-radius: 15px;
   -moz-border-radius-topright: 15px;
   border-top-right-radius: 15px;
   text-align: center;
    border-top-color: #CCC;
	border-top-width: 1px;
    border-right-color: #CCC;
    border-right-width: 1px;
	border-left-width: 1px;
    border-left-color: #CCC;	
    border-bottom-width: 0px;
	cursor:pointer;
}

#macau {

	float:left;
    width: 842px;
    height: 54px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
    text-align: center;
    border-top-color: #CCC;
	border-top-width: 1px;
    border-right-color: #CCC;
    border-right-width: 1px;
	border-left-width: 1px;
    border-left-color: #CCC;	
    border-bottom-width: 0px;
}

.location_open #hongkong, .location_open #kowloon, .location_open #nt{
	border-bottom-width: 1px;
}

.location_background_off{	
    background-color: #e6e6e6;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d7d7d7));
    background: -moz-linear-gradient(top, #fefefe, #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#d7d7d7);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#d7d7d7)";
}

.location_background_stay{
    background-color: #FFFFFF;
}

.location_botton {
	float:left;
    width: 842px;
    height: 10px;
    border: 1px solid #999;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
	
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;	
	
    text-align: center;
	border-top-width: 0px;
    border-right-color: #CCC;
    border-right-width: 1px;
	border-left-width: 1px;
    border-left-color: #CCC;	
    border-bottom-width: 1px;
	border-bottom-color: #CCC;	
}

.location_botton_off {
    background-color: #d7d7d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#cecece));
    background: -moz-linear-gradient(top, #d7d7d, #cecece);
	box-shadow: #dddddd 0px 3px 5px;
	
}

.location_botton_on{ 
    background-color: #ffffff;
    
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
} */


/* .location_header_stay {
	font-size: 1.4em;
	color: #F00;
	letter-spacing: 0em;
	line-height: 2.6em;
	border-bottom:1px #FFF solid;
}
.location_header_off {
	font-size: 1.4em;
	color: #666;
	letter-spacing: 0em;
	line-height: 2.6em;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-color: #CCC;
	border-bottom:1px #CCC solid;
}

#shop_address{
   float: left;
   width: 100%;
   overflow:hidden;
   padding-top:10px;
   padding-left:1px;
   padding-right:1px;
   width: 840px;
   border: solid;
   border-top:none;
   border-top-width: 0px;
   border-right-color: #CCC;
   border-right-width: 1px;
   border-left-width: 1px;
   border-left-color: #CCC;	
   border-bottom-width: 0px;
}

#district_1, #district_2, #district_3{

}






#shop_list{
  display:none;
 
}

#shop_list_1, #shop_list_2, #shop_list_3{

}


#shop_list_1{
  display:none;
}

#shop_list_2{
   display:none;
}

#shop_list_3{
   display:none;
}

.shop_detail{
}

.shop_radio_btn{
   float:left;
   width:5%;
}

.shop_add{
  float:left;
  width: 95%;
  text-align: left;
  cursor: pointer;
}

.shop_map{
  padding-left:10px;
}

.location_info_text_w_bg {
	font-size: 0.75em;
	color: #464646;
	letter-spacing: 0em;
	background-color: #FFF;
	height: 35px;
	display: block;
	padding-top: 8px;
}

.location_info_text_g_bg {
	font-size: 0.75em;
	color: #464646;
	letter-spacing: 0em;
	background-color: #F0F0F0;
	height: 35px;
	display: block;
	padding-top: 8px;
}

.location_info_text_select {
    font-size: 0.95em;
    color: #464646;
    letter-spacing: 0em;
    background-color: #d9d9d9;
    display: block;
    padding-top: 8px;
    font-weight: bold;
    padding-bottom: 8px;
    line-height: 1.4em;
	height: 40px;
}

.form_element_group_info_1{
   clear:both;
   width:100%;
   padding-left: 45px;
   margin-top: 30px;
   padding-bottom: 16px;
}


.form_element_group_check_box{
   margin-top: 30px;
}


#form_lable{

}

.form_lable_area{
   float:left;
   width: 13%;
   text-align:left;
}

.form_field_area{
   float:left;
   width: 32%;
   text-align:left;
}

.form_remind_area{
   float:left;
   width: 50%;
   text-align:left;
}

.form_lable_txt{
	
   font-size: 0.9em;
   color: #464646;
   letter-spacing: 0em;
   float:left;
   text-align:left;
}

.form_element_group_tc{
   margin-left: 25px;
   margin-top: 40px;
}

.form_input{

}

.form_remind{

}

.form_hint{
  font-size: 0.7em;
  line-height: 1.2em;
}

.form_lable_txt .form_hint {
  font-size: 0.8em;
  line-height: 1.2em;
}


.input_size{
  width:260px;
}

.form_full_line_text_area{
   clear:both;
   width:100%;
   padding-left:45px;
   margin-bottom: 20px;
}

.form_full_line_text{
  float:left;
  text-align:left;
  
}

.longinputfield{
  width:70%!important;
}

#field_label{
   float:left;
   padding-right:10px;
}

#form_dropdown{
   float:left;
   padding-right:10px;
}

#form_img{
   float:left;
   padding-right:10px;
}

#form_img_reflash{
   float:left;
}

.newline{
  clear:both;
}

.form_checkbox{
  float:left;
  padding-left:10px;
  width:3%;
}

#form_btn{

}

a:link.select_info_text_link {
	font-size: 0.9em;
	color: #464646;
	letter-spacing: 0em;
	text-decoration: underline;
}
a:hover.select_info_text_link {
	font-size: 0.9em;
	color: #F00;
	letter-spacing: 0em;
	text-decoration: underline;
}

#pre_select_back_btn{

}
 */
/*=======================================
			Important notic
========================================*/
/* #important_notice_area{
	display: inline-block;
	padding:20px;
	text-align:left;
	font-size:14px;
	line-height:1.5em;
	
}
#important_notice_area h4{
	font-size:1.0em;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}
#review_interest_area{
	display:none;
	width:860px;
	padding-left:26px;
}
#important_notice_area_ol li{
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 5px;
}
#important_notice_area_ol li ol li{
	font-size: 0.9em;
	font-weight: normal;
}
#important_notice_area_ol .form_input {
	font-size: 0.9em;
	font-weight: normal;
} */



/*========================================
				Payment
=========================================*/
/* #phone_form_payment_info{
	display:none;
	padding-left:20px;
	font-size:14px;
}
#personal_info_form{

}

.personal_radio_btn{
   float:left;
   width:30px;
}
.personal_radio_text_area{
   float:left;
   width:170px;
}
.personal_text_area_left{
	float:left;
	width:20%;
}
.personal_text_area_left{
	float:left;
	width:80%;
}
.red_mark{

}

#payment_personal_info_1 , #payment_personal_info_2{
	padding:20px;	
	text-align:left;
}*/

/*========================================
				Review
==========================================*/

/* .review_model{
   font-size: 1.1em;
   color: #0A0A0A;
   letter-spacing: 0em;
	text-align:left;
	margin-bottom:10px;
}


#review_box1, #review_box2, #interest_box1, #interest_box2{
   margin-left:20px;
   padding-top:20px;
   width: 360px;
   height: 257px;
   border: 1px solid #cccccc;
   border-radius: 18px;
   float:left;
   display:none;
}

.review_image{
  float:left;
  width:185px;
}

.review_content_area{
   float:left;
   width:149px;
   padding-top:50px;
}

.review_title{
   float:left;
   width:160px;
   text-align:left;
   margin-bottom:10px;
}


.review_phone_name_1 {
    font-size: 1.2em;
    color: #191919;
    letter-spacing: 0em;
    font-weight: bold;
}

.review_phone_name_2 {
   font-size: 1.4em;
   color: #666;
   letter-spacing: 0em;
}

.review_phone_name_3 {
   font-size: 1.0em;
   color: #666;
   letter-spacing: 0em;
}


.review_amount_box {
   width: 27px;
   height: 25px;
   text-align: center;
   border: 1px;
   border-radius: 10px;
   font-size: 1em;
   color: #191919;
   padding-top: 4px;
   margin-left:30px;
   font-size: 1.8em;
}

.review_quality_area{
  float:left;
  width: 100%;
  position:relative;
  margin-top:11px;
}

.review_quality_area .form_lable_txt{
   font-size: 0.8em;
   color: #464646;
   letter-spacing: 0em;
   float:left;
   text-align:left;
   position:absolute;
   bottom:0px;
}



#review_botton_left{
  width:207px;
  height:6px;
  float:left;
  background:url(/iPhone6/common/select_line_01_left.jpg) no-repeat; 
}

#review_botton_middle{
  width:54%;
  height:6px;
  float:left;
  background:url(/iPhone6/common/select_line_01_middle.jpg) repeat-x; 
}

#review_botton_right{
  width:207px;
  height:6px;
  float:left;
  background:url(/iPhone6/common/select_line_01_right.jpg) no-repeat; 
}

#review_personal_info{
   clear:both;
   text-align: left;
}

#review_botton{
  width:100%;
  height:6px;
  float:left;
  padding-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px
}

#review_person_botton{
  width:100%;
  height:6px;
  float:left;
  padding-top: 10px;
}

.review_address_1 {
   font-size: 1.1em;
   color: #0A0A0A;
   letter-spacing: 0em;
}

.review_address_2 {
    font-size: 0.8em;
    color: #464646;
    letter-spacing: 0em;
    height: 26px;
    padding-top: 8px;
    margin-right: 5px;
	padding-left:20px;
}

.person_data{
   clear: left;
   padding-left:0px;
}

.review_lable{
   float:left;
   width:220px;
}

.review_content{
   float:left;
}

.pre_step_4_msg_text_area{
	width:600px;
	border:#F00 2px solid;
	padding:10px;
	margin-left:130px;
	margin-top:30px;
	margin-bottom:20px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.review_btn_submit {
  border: 1px solid #b3b3b3;
  border-radius: 6px;
  padding-top: 4px;
  padding-right: 16px;
  padding-bottom: 4px;
  padding-left: 16px;
  font-size: 1em;
  color: #FFFFFF;
  background-color: #99b701;
  background: -webkit-gradient(linear, left top, left bottom, from(#c0d701), to(#5b8400));
  background: -moz-linear-gradient(top, #c0d701, #5b8400);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0d701, endColorstr=#5b8400);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0d701, endColorstr=#5b8400)";
  width: 130px;
}

.review_btn_submit:hover{
   background-color: #86a100;
   background: -webkit-gradient(linear, left top, left bottom, from(#9ec000), to(#406800));
   background: -moz-linear-gradient(top, #9ec000, #406800);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ec000, endColorstr=#406800);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ec000, endColorstr=#406800)";
}



#review_submit_btn{
	cursor:pointer;

}

#review_submit_btn_blank{
   display:none;
}

#thank_area{
   text-align: left;
}
#thank_area2 {
	text-align:left;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}

#thank_left{
  float:left;
  width:460px;
  padding: 60px 20px 20px 40px;
}
#thank_left_c {
  float:left;
  width:460px;
  padding: 80px 20px 20px 40px;
}

#thank_right{
  float:right;
  width:336px;
  padding: 20px 20px 20px 20px;
}

#thank_image{
  text-align: center;
  margin-bottom:20px;
}

#thank_recommend_to_friend{
  text-align: center;
}

.thank_header_1 {
   font-size: 2.5em;
   color: #F00;
   line-height: 1.5em;
}


.thank_header_2 {
   font-size: 1.5em;
   color: #666;
   line-height: 2em;
}

.thank_text_1 {
   font-size: 14px;
   color: #666;
   line-height: 1.5em;
}


#review_personal_info {
}
#preson_data_area {
}

#Forfeit_area{
	width:600px;
	border:#ccc 1px solid;
	padding:10px;
	margin-bottom:20px;
	
	background-color: #eeeeee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}

#Forfeit_area #pre_step_4_area2{
	width:110px;
	float:left;
	margin-left:170px;
}

#Forfeit_area #pre_step_4_area1{
	width:110px;
	float:right;
	margin-right:170px;
}

#span_area{
	width:600px;
	border:#ccc 1px solid;
	padding:10px;
	margin-bottom:20px;
	
	background-color: #eeeeee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

}

.email_mobile_remind{
	margin-top:-35px;
}
.form_remind_margin{
	margin-left:10px;
}


.form_txt_remark{
	font-size:0.8em; 
	text-align:left; 
	padding-left:40px;
}

.form_tick{
  padding-right: 10px;
  padding-top: 10px;
}

.speed_up_text{
   padding-top: 7px;
}

.white_line{
    background-color: #ffffff; 
	width: 1px; 
	height: 22px; 
	position: absolute; 
	top: 10; 
	left: 39px; 
}

.reset_margin_left{
	width: 100%;
	height: 6px;
	float: left;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-left: -20px;
}

.set_padding_left{
   padding-left:20px;
}


.padding_top_iphone{
   padding-top:18px;
}

.white_line_2{
	float: left;
	width: 1px;
	height: 55px;
	background-color: #ffffff;
}



.form_lable_area_1{
	float: left;
	width: 25%;
	text-align: left;
}

.form_element_group_info_2{
	clear: both;
	width: 100%;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 16px;
}

.login_btn_submit_agree{
	z-index: 3;
	border: 1px solid #b3b3b3;
	border-radius: 6px;
	padding-top: 4px;
	padding-right: 27px;
	padding-bottom: 4px;
	padding-left: 27px;
	font-size: 1.2em;
	color: #000000;
  color: #FFFFFF;
  background-color: #99b701;
  background: -webkit-gradient(linear, left top, left bottom, from(#c0d701), to(#5b8400));
  background: -moz-linear-gradient(top, #c0d701, #5b8400);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0d701, endColorstr=#5b8400);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c0d701, endColorstr=#5b8400)";
	cursor: pointer;
}


.login_btn_submit_agree:hover{
   background-color: #86a100;
   background: -webkit-gradient(linear, left top, left bottom, from(#9ec000), to(#406800));
   background: -moz-linear-gradient(top, #9ec000, #406800);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ec000, endColorstr=#406800);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ec000, endColorstr=#406800)";
}

.note_star{
  color: #ff0000;
  font-size: 1.9em;
}

.plus_image_padding_left{
   padding-left: 10px;
}

.review_content_margin_left{
   margin-left: 20px;
} */



/*
	Fulfillment related css
*/

#fulfillment_login {
	overflow: hidden;
	padding: 1em;
	text-align: left;
	padding-top: 0px;;
}

#review_order_summary {
	overflow: hidden;
	padding: 20px;
	text-align: left;
}
.order_case_off {
/* 	overflow: hidden;
	border: 1px solid #cccccc;
	position: relative;
	border-radius: 13px;
	width: 500px;
	height: 120px;
	margin: 20px auto;
	padding: 20px;
	-webkit-box-shadow: 0px 2px 8px #E6E6E6;
	cursor: default;
	
	background-color: #e6e6e6;
	color: #b4b4b4; */
	border: 2px solid #cccccc;
	color: #666;
	-webkit-box-shadow: 0px 2px 8px #E6E6E6;
	background-color: #FFF;
	overflow: hidden;
	padding: 0.8em;
	margin-bottom: 1em;
	position: relative;
	background-color: #e6e6e6;
	min-height: 13em;
}

.order_case_selected {
	border: #F00 2px solid;
}

.order_phone_info {
	width: 50%;
	float: left;
	position: relative;
}


.order_pickup_info {
	width: 50%;
	overflow: hidden;
	text-align: right;
}
.order_phone_options_desc {
	height: 60px;
}


#orderInfo {
	float: left;
	text-align: left;
}

#orderInfoSection {
	overflow: hidden;
	margin: 20px;
}

.tabItems_on {
	height: 6em;
	float: left;
	padding: 2%;
	color: #F00;
	font-weight: bold;
	font-size: 14px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border-top: 1px #CCC solid;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	border-bottom: 1px #FFF solid;
	
	cursor: pointer;
	box-sizing: border-box;
}
.tabItems {
	height: 6em;
	float: left;
	padding: 2%;
	background-color: #FFF;
	font-weight: bold;
	font-size: 14px;
	border: 1px #CCC solid;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	
	cursor: pointer;
	box-sizing: border-box;
}
.tabHeader .tabItems, .tabHeader .tabItems_on {
	width: 25%;
	position: relative;
	overflow: hidden;
}
.tabHeader {
	margin: 0px auto;
	cursor: pointer;
	position: relative;
	width: 100%;
}
.service_plan_row, .service_plan_fup {
	margin: 0.5em 0px;
	padding: 0.8em 0px;
	border: #CCC 1px solid;
	-moz-box-shadow: 0px 2px 2px #CCC;
	-webkit-box-shadow: 0px 2px 2px #CCC;
	box-shadow: 0px 2px 2px #CCC;
	box-sizing: border-box;
	
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	-ms-user-select: none;
	user-select: none;
	
	cursor: pointer;
	
}
.service_plan_row_on {
	border: 3px solid #F00;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.service_plan_row_dim,.service_plan_row_dim td, .service_plan_row_dim span, .service_plan_row_dim b, .service_plan_row_dim sup, .service_plan_row_dim s, .plan_type_remark_dim, .plan_type_remark_dim *, .service_plan_row_dim * {
	color: #CCC !important;
}
#service_plan_header {
	color: #666666;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

#service_plan_header thead td {
	padding: 0.5em;
	background: #666666;
	color: #FFFFFF;
	border-left: 1px #C8C8C8 solid;
	border-right: 1px #C8C8C8 solid;
	border-top: none;
	font-size: 1.2em;
}
#service_plan_header thead td sup  {
	color: #FFFFFF;
}
.backBtn {
	float: left;
	clear: both;
	padding-left: 20px;
}
#review_botton, .review_botton {
	width: 100%;
	height: 6px;
	float: left;
	padding-top: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 0px;
}

.timeslot_per_day {
	float: left;
	width: 33%;
	border-right: 1px solid #ccc;
}







#Container_Top_n_Content {
	text-align: left;
}

.service_info {
	overflow: hidden;
	padding-left: 2%;
}
.service_icon {
	float: left;
	/* margin-top: 6px; */
	margin-top: 23px;
}
.service_icon img {
    width: 100px;
}


/*
	General class
*/
.font_M {
	font-size: 1em;
}

.font_S {
	font-size: 0.8em;
}

.font_L {
	font-size: 1.2em;
}

.font_XL {
	font-size: 1.4em;
}

.font_XXL {
	font-size: 1.8em;
}

.font_header {
	font-size: 2em;
}

.font_header_large {
	font-size: 2.4em;
}
.red {
	color: #f00;
}
.highlight {
	font-size: 1.4em;
	font-weight: bold;
}
.black {
	color: #000000;
}
.block_radius {
	-webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
}
.dim_bkgrd {
	
}
.color_enable {
	color: #81B941;
	font-size: 23px;
}
.white {
	color: #fff;
}
.nextBtn {
	float: right;
	width: 40%;
	margin-right: 4em;
}
.bold {
	font-weight: bold;
}
.remark {
	font-size: 0.8em;
	text-align: left;
}
.no_border {
	border: 0px;
}
.section_description {
	font-size: 1.2em;
}
.left {
	float: left;
}
.width60 {
	width: 60%;
}
.remarkset {
	background-color: #eeeeee;
	margin-left: 23px;
	margin-right: 23px;
}
.remarkset_show {
	display: block;
}
.remarktitle, #remarktitle {
	margin-bottom: 0px;
}
.remarkset ul {
	margin-top: 5px;
	/* margin-left: 40px; */
	padding: 5px 5px 5px 0px;
}
.arrow_content a:hover, #arrow_content a:hover {
	color: #FF0000;
	text-decoration: none;
}
.arrow_content a:link, .arrow_content a:visited, .arrow_content a:hover, .arrow_content a:active, #arrow_content a:link, #arrow_content a:visited, #arrow_content a:hover, #arrow_content a:active {
	color: #666666;
	text-decoration: none;
}
.align_left {
	text-align: left;
}
.plus {
	min-height: 15em;
}
.white sup {
	color: #fff;
}
a.service_page_link {
	color: #333;
	/* font-size: 1em; */
	font-size: 18px;
}

.red sup {
	color: #f00;
}


/*
	Header
*/
#top_right {
	float: right;
}
#top_lang {
	margin-right: 24px;
	margin-top: 26px;
	text-align: right;
	width: 100%;
}
#top_lang a {
	font-size: 14px;
	color: #ff0000;
	text-decoration: none;
}

#top_lang  a:visited {
	color: #ff0000;
	text-decoration: none;
}

#top_lang  a:link {
	color: #ff0000;
	text-decoration: none;
}

#top_title {
	text-align: right;
	margin-right: 24px;
	margin-top: 50px;
}
#top_right {
	float: right;
	position: relative;
	width: 50%;
}
#Container_Bottom p {
	font-size: 0.8em;
}

/*
	Container
*/
#Container_Full {
	border-top: 1px #d1d1d1 solid;
}

/*
	General page css
*/
.page_header {
	font-size: 2em;
	text-align: center;
	overflow: hidden;
	padding: 0.1em 0px 0.5em 0px;
}
.page_description {
	font-size: 1.4em;
	padding: 0.5em 0px;
}
.page_title {
	text-align: left;
	position: relative;
	font-size: 1.4em;
	margin: 1em 0px;
}

/*
	Step
*/
 .select_step_header_no_on{
     font-size: 2.2em;
     color: #ff0000;
     letter-spacing: 0em;
     line-height: 80%;
 }
 
 
 .select_step_header_text_on{
     font-size: 1.1em;
     color: #ff0000;
     letter-spacing: 0em;
     line-height: 1.5em;
 }

.select_step_header_no_off {
    font-size: 2.2em;
    color: #b3b3b3;
    letter-spacing: 0em;
    line-height: 80%;
}

.select_step_header_text_off {
    font-size: 1.1em;
    color: #b3b3b3;
    letter-spacing: 0em;
    line-height: 1.5em;
}
#step_area{
  position:relative;
  text-align:center;
  width:893px;
  height: 122px;
  margin: 0px;
  padding-top:20px;
  padding-bottom:20px;
   border-radius: 15px;
   z-index: 2;
}

#step_area_border{
  position:relative;
  text-align:center;
  width:866px;
  height: 120px;
  margin: 0px;
  padding: 0px;    
  border: 1px solid #cccccc;
  border-radius: 13px;
  z-index: 2;
}

.form_paragraph{
   text-align: left;
   margin-top: 20px;
   margin-left:40px;
   font-size:1.1em;
}


.select_step_bg_white {
background-image: url(/iPhone6/common/select_step_bg_4.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#step_area_txt{
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   padding-top:20px;
   font-size:14px;
}

 #step_area_txt_left, #step_area_txt_right{
  float:left;
  width:40px;
  height:122px;
  
 }  
 
#step_area_txt_left{
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}

#step_area_txt_right{
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}

#step_area_txt1, #step_area_txt2, #step_area_txt3, #step_area_txt4{
  float:left;
  width:129px;
  height:122px;
  padding-top:16px;
  
}

.select_step_bg {
    background-image: url(/iPhone6/common/select_step_bg_3.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
}

 #step_area_txt_middle_arrow_1, #step_area_txt_middle_arrow_2 , #step_area_txt_middle_arrow_3{
    float:left;
	width:90px;
	height:122px;
 }


/*
	Login page
*/
#loginArea {
	overflow: hidden;
	margin: 0.5em;
	margin-bottom: 0px;
}
#form_element_field {
	float: left;
	width: 40%;
}
.input_field {
	width: 100%;
	height: 1.4em;
}
#form_element_field_remind {
	float: left;
	font-size: 0.8em;
	color: #7f7f7f;
	margin-left: 2em;
	width: 20%;
}
#form_element_field_long a {
	font-size:0.8em;
	color: red;
	text-decoration: underline;
	cursor: pointer;
}
.large_btn {
	border: 1px solid #b3b3b3;
	border-radius: 6px;
	background-color: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#c9c9c9));
	background: -moz-linear-gradient(top, #FFFFFF, #c9c9c9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9)";
	cursor: pointer;
	font-size: 1.4em;
	text-align: center;
	padding: 0.2em 3em;
}

.large_btn:hover {
	background-color: #e6e6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#bebebe));
	background: -moz-linear-gradient(top, #f5f5f5, #bebebe);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe)";
}
#form_varify_code {
	overflow: hidden;
	margin: 0.5em;
	margin-top: 0px;
}
#codehint {
	display: inline;
	margin: 2em 1em;
}
#loginReminder {
	margin: 0.5em;
}
#cancelBtn {
	width: 40%;
	float: left;
	margin-left: 4em;
}
#submitBtn {
	width: 40%;
	float: right;
	margin-right: 4em;
}

/*
	Main page
*/
#reviewOrderContainer {
	width: 78%;
	margin: 0px auto;
}
.order_phone_image {
	position: absolute;
	bottom: 0px;
}
#orderCase0_img,#orderCase1_img {
	width: 210px;
}
.order_phone_image img {
	width: 220px;
}
.order_case_info {
	width: 58%;
	overflow: hidden;
	float: right;
	margin-right: 2%;
}
.order_top {
    position: relative;
    overflow: hidden;
	min-height: 280px;
}
.order_case_sup {
    font-size: 16px;
    margin: 1.5em 15px 0px 15px;
	color: #666666;
}
.order_case_sup * {
	font-size: 16px;
	color: #666666;
}
.order_case_on {
	border: 2px solid #cccccc;
	color: #666;
	-webkit-box-shadow: 0px 2px 8px #E6E6E6;
	background-color: #FFF;
	overflow: hidden;
	padding: 0.8em;
	margin-bottom: 1em;
	position: relative;
	min-height: 13em;
}
.order_phone_availability {
	text-align: center;
	padding: 0.8em 0px 0.5em 0px;
}
.order_phone_name {
	font-size: 1.8em;
}

.order_case_on .order_phone_btn {
	background-color: #F8F8F8;
	padding: 0.5em;
}
.change_model .order_phone_btn {
	background-color: #fff;
	border: 0px;
}
.change_model .action_box {
	padding-top: 2em;
}
.action_box_desc {
	text-align: center;
	margin-bottom: 0.5em;
	color: #666666;
}
.action_btn {
	border: 1px solid #b3b3b3;
	background-color: #e6e6e6;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9);
	background: linear-gradient(#FFFFFF, #c9c9c9);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#c9c9c9));
	background: -moz-linear-gradient(top, #FFFFFF, #c9c9c9);	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#c9c9c9)";
	cursor: pointer;
	width: 70%;
	/* margin: 0.8em auto; */
	/* margin: 0.5em auto; */
	margin: 0.5em auto 0.3em auto;
	text-align: center;
	/* padding: 0.5em; */
	padding: 0.3em;
	font-size: 1.4em;
	
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	-ms-user-select: none;
	user-select: none;
}
.action_btn:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#bebebe));
	background: -moz-linear-gradient(top, #f5f5f5, #bebebe);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5f5f5, endColorstr=#bebebe)";
}
.action_box_desc.align_left {
	font-size: 0.8em;
	text-align: left;
}
.action_btn.start_btn {
	color:#56A200;
	text-shadow: 1px 1px #fff;
}

/*
	Service Plans and Apps
*/
#orderInfoSection {
	overflow: hidden;
	margin: 20px;
	position: relative;
}
#orderInfo {
	text-align: left;
	/*position: absolute;*/
	bottom: 0px;
	width: 70%;
}
#phoneImage {
	width: 190px;
}
.order_info_row {
	width: 100%;
}
.order_info_title {
	float: left;
	padding-right: 1em;
	width: 33%;
}
.order_info_content {
	overflow: hidden;
}
.section_title {
	font-size: 1.4em;
	margin-bottom: 0.5em;
}
#planVASelectArea {
	overflow: hidden;
	position: relative;
	padding: 1em;
}

#servicePlanContainer, .service_plan_container {
	text-align: left;
	padding: 1em;
}
#selectServicePlan, #selectAdditionalServices, #selectUnbundledPlan  {
	text-align: left;
}
#selectAdditionalServices .section_title {
	color: #ff0000;
}
#selectAdditionalServices .section_description {
	font-size: 20px;
}
#selectUnbundledPlan .notforfulfill {
	display:none;
}
.apps-list, .apps-list-mobile {
	display: none;
}

.plan_type_title {
    padding: 0px 16px;
	font-weight: bold;
}
.service_cat {
	text-align: left;
	float: left;
	margin-bottom: 1em;
	background-color: #f2f2f2;
	width: 100%
}
#phoneImageContainer {
	overflow: hidden;
	float: right;
}
#fupSelect, #unfupSelect, .service_plan_fup  {
	margin: 1em auto;
	padding: 1em 0.5em;
	width: 90%;
	cursor: default;
}
#includedServicesAndApps {
	margin-top: 2em;
	text-align: left;
}
.outer_remarks_title, .outer_remarks_description, .outer_remarks_content a{
	font-size: 0.8em;
	line-height: 1.4em;
}
.outer_remarks_description {
/*	font-weight: bold; */
}
.slide_remarks {
	margin: 0.5em 0px;
}
.slide_remarks p, .slide_remarks span, .slide_remarks a {
	font-size: 18px;
}
#VASContent {
	margin-top: 1em;
	overflow: hidden;
	position: relative;
}
.service_cat_title {
	/* background-color: #666666; */
	overflow: hidden;
	/* color: #fff; */
	color: #666666;
	font-size: 1.2em;
	text-align: left;
	padding: 0.5em;
	clear: both;
}
.service_cat_content {
	padding: 1em 0px 0px 1em;
	overflow: hidden;
}
.VAS_option {
	float: left;
	border: #CCC 1px solid;
	/* padding: 0.3em 1em; */
	padding: 0.3em 15px 0.3em 15px;
	background-color: #FFF;
	color: #666;
	
	-webkit-box-shadow: 0px 2px 8px #E6E6E6;
	box-shadow: 0px 2px 8px #E6E6E6;
	margin: 0px 1em 1em 0px;
	width: 47%;
	
	box-sizing: border-box;
	/* height: 125px; */
	height: 160px;
	cursor: pointer;
	
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
#STCT1_option .service_page_link img, #STCT1_option .service_price img {
    width: 30px;
}
#STCT1_selected .service_selected_name img {
	width: 30px;
	display:none;
}
#STCT1_option .service_page_link img.vas_link_plus, #STCT1_option .service_price img.vas_link_plus {
    width: 18px;
    margin: 7px 3px;
}
#STCT1_selected .service_selected_name img.vas_link_plus {
    width: 18px;
    margin: 7px 3px;
	display:none;
}
.service_checkbox {
	float: left;
	background-image: url(/iPhone6/common/click_btn_off.png);
	width: 30px;
	height: 30px;
	/* margin: 1.6em 0.5em 1.6em 0px; */
	/* margin: 2em 0.5em 2em 0px; */
	margin: 56px 10px 56px 0px;	
	cursor: pointer;
}
.service_checkbox_on {
	float: left;
	background-image: url(/iPhone6/common/click_btn_on.png);
	width: 30px;
	height: 30px;
	/* margin: 1.6em 0.5em 1.6em 0px; */
	/* margin: 2em 0.5em 2em 0px; */
	margin: 56px 10px 56px 0px;
	cursor: pointer;
}
.service_price {
	overflow: hidden;
	/* font-size: 0.8em; */
	font-size: 16px;
}
.service_name {
	font-size: 0.9em;
	margin-top: 0.5em;
}
.service_detail {
	overflow: hidden;
}
#nextBtn {
	float: right;
	width: 40%;
}
.checkbox_container {
    overflow: hidden;
    position: relative;
    margin: 0px 1em 2em 1em;
}
.checkbox_container .remark {
	float: left; 
	width: 90%;
}
.checkbox_container .service_checkbox, .checkbox_container .service_checkbox_on {
	margin: 0px 0.5em 1.6em 0px;
}
.remark_top {
    font-size: 1em;
    margin: 0.5em 0px 0.5em 25px;
}
.remark_content {
    margin: 0.5em 0px;
    font-size: 1em;
}
.remark_content a {
    font-size: 1em;
}

/*
	Timeslot
*/
#timeslot_selection {
	overflow: hidden;
	padding: 1em 2em;
	text-align: left;
}
#storeAddrSelect {
	width: 100%;
	padding: 1%;
	font-size: 0.8em;
}
#pickupDateSelect {
	padding: 10px;
	font-size: 20px;
	background: #fff url(/iPhone6/common/datePicker.gif) no-repeat right;
	cursor: pointer;
}
#pickupStore {
	margin-top: 1.5em;
}
.store_info_title {
	margin: 0.5em 0px;
	font-weight: bold;
}
#storeAddr {
    width: 75%;
    float: left;
}
#storeHour {
	width: 70%;
	float: left;
}
#openingHour {
	width: 70%;
	margin-top: 0.8em;
	float: left;
	font-weight: normal;
}
#storeMapBtn {
	width: 20%;
	font-size: 1em;
	float: right;
	margin-top: 0px;
}
#pickupStoreAddr {
	overflow: hidden;
}
#timeslotArea {
	position: relative;
	overflow: hidden;
	margin: 2% auto;
	background-color: #f2f2f2;
	padding: 1em 0px;
	
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.timeslot_date {
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px 0.3em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
}
.timeslot_time {
	margin: 0.5em 1em;
	padding: 0.5em 0px;
	border: #CCC 2px solid;
	-moz-box-shadow: 0px 2px 2px #CCC;
	-webkit-box-shadow: 0px 2px 2px #CCC;
	box-shadow: 0px 2px 2px #CCC;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	font-size: 1.4em;
	
	box-sizing: border-box;
}
.timeslot_time_dim {
	color: #7F7F7F;
}
.timeslot_time_on {
	border: 2px solid #f00;
	-webkit-box-shadow: none;
}
.timeslot_time_disabled {
	margin: 0.5em 1em;
	text-align: center;
	color: #7F7F7F;
	font-size: 1.4em;
}
.timeslot_remark {
	font-size: 0.8em;
	color: #7F7F7F;
}
#timeslotRemark {
	margin: 2em 0px;
}
.special_remark {
	font-size: 0.8em;
	border: 1px solid #ccc;
	padding: 1em;
}
#pickupTimeslot {
	margin: 0.8em 0px;
}
#pickupDate {
    margin: 2em 0px 1em 0px;
}
#pickupDate .store_info_title {
	float: left;
	margin-right: 2%;
}


/*
	review
*/
#review_area {
	position: relative;
	overflow: hidden;
	margin: 2% auto;
	padding: 1em;
}
#servicePlanSection {
	text-align: left;
	margin: 1em;
	margin-top: 0px;
}
#service_plan_header tbody td {
	padding: 1em 0px;
}
.service_selected_name {
	width: 50%;
	font-weight: bold;
	float: left;
}
#servicePlanType {
	clear:both;
}
#storeSection {
	text-align: left;
	margin: 1em;
}
#storeSection .section_content {
	font-weight: bold;
	clear: both;
}
#editPlanBtn {
	width: 20%;
	font-size: 1em;
	float: right;	
}
#editStoreBtn {
	width: 20%;
	font-size: 1em;
	float: right;
	margin: 28px 0px;
}
#confirmBox {
	width: 70%;
	border: 1px solid #f00;
	text-align: center;
	overflow: hidden;
	padding: 2em 2em 1em 2em;
	background-color: #f2f2f2;
}
#confirmBtn {
	float: right;
	width: 40%;
	margin-right: 0px;
}
#confirmBtn .action_btn {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ec000, endColorstr=#406800);
	background: linear-gradient(#9ec000, #406800);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ec000), to(#406800));
	background: -moz-linear-gradient(top, #9ec000, #406800);	
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9ec000, endColorstr=#406800)";
	color: #fff;
}
#noBtn {
	width: 30%;
	float: right;
}
#yesBtn {
	width: 30%;
	float: left;
}

/*
	Thank you
*/
#thankyou_area {
	position: relative;
	overflow: hidden;
	margin: 2% auto;
	padding: 1em;
}
#thankyouDesc {
	font-size: 1.2em;
}
#pickupInfo {
	margin: 2em 1em;
	padding: 1em;
	border: 2px solid #f00;
	font-size: 1.2em;
	overflow: hidden;
}
#thankyouMapBtn {
	width: 30%;
}
.page_header_large  {
	font-size: 2.4em;
}
#button_area {
	overflow: hidden;
	width: 90%;
}
#OKBtn .action_btn, #caseBtn .action_btn {
	padding: 0.3em;
	width: auto;
}
#OKBtn {
	float: left;
	width: 25%;
}
#caseBtn {
	float: right;
	width: 70%;
}
#tyMapBtn {
	width: 20%;
	font-size: 1em;
}
.newFUPRight {
	font-weight: bold;
	margin-left: 20px;
}
.newFUPRight label {
    cursor: pointer;
}
.newFUPRight input[type="radio"] {
    cursor: pointer;
}

.newFUPLeft, .newFUPLeft sup {
	font-weight: bold;
}
#fupRemark {
	border: 1px solid #cccccc;
	padding: 20px;
	margin-bottom: 20px;
	width: 700px;
	margin-left: 48px;
}


.step1_etc {
/*
	font-size: 0.8em;
	line-height: 1em;
	*/
}

.special_notice_box {
	border: #ccc 1px solid;
	padding: 20px;
	padding-bottom: 30px;
	background-color: #eeeeee;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.special_notice {
	padding-bottom: 0.5em;
}

/*
	list
*/
li.cross {
    list-style-image: url(/iPhone6/common/list/cross.gif);
}
li.crossline {
    list-style-image: url(/iPhone6/common/list/crossline.gif);
}
li.dagger {
    list-style-image: url(/iPhone6/common/list/dagger.gif);
}
li.dot {
    list-style-image: url(/iPhone6/common/list/dot.gif);
}
li.double_dagger {
    list-style-image: url(/iPhone6/common/list/double_dagger.gif);
}
li.double_s {
    list-style-image: url(/iPhone6/common/list/double_s.gif);
}
li.down {
    list-style-image: url(/iPhone6/common/list/down.gif);
}
li.hash {
    list-style-image: url(/iPhone6/common/list/hash.gif);
}
li.star {
    list-style-image: url(/iPhone6/common/list/star.gif);
}
li.up {
    list-style-image: url(/iPhone6/common/list/up.gif);
}

.plan_type_remark {
    margin: 16px 32px 0px;
	color: #666666;
	font-size: 18px;
	font-weight: normal;
	/* width: 94%; */
}
.service_fup_highlight .newFUPLeft, .service_fup_highlight .newFUPLeft sup{
	color: #ff0000;
}

.order_case_remark {
    margin: 1.5em 15px 0px 15px;
}

/* .order_case_remark, .order_case_remark li, .order_case_remark a { */
.order_case_remark, .order_case_remark * {
	font-size: 16px;
}

.order_case_remark sup {
    font-size: 13px;
}

#unbundledPlansRemarks *, #servicePlansRemarks *, .outer_remarks_wrapper * {
	font-size: 18px;
}
img.screenreplace_icon_42 {
    margin-top: 5px;
}
.screenreplace_banner {
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #bfbfbf;
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
    margin-bottom: 0px;
    cursor: pointer;
	margin: 0px 75px 20px 0px;
	width: 834px;
    overflow: hidden;	
}

.screen-replace-banner {
	display:none;
    margin-bottom: 20px;
}

.screen-replace-banner a {
    display: block;
    border: 1px solid #ccc;
    padding: 15px;
    position: relative;
    text-decoration: none;
    outline: none;
    color: #000;
    background: #FFF url(http://iPhone6s.smartone.com/iPhone_site/common/screen_replace_bg.png) bottom right no-repeat;
}
.screen-replace-icon {
    position: absolute;
    width: 60px;
    top: 50%;
    margin-top: -30px;
}
.screen-replace-banner .screen-replace-icon img {
    width: 100%;
}
aside {
    margin-left: 80px;
    padding: 10px 0px;
}
.screen-replace-banner p {
    font-size: 1em;
    margin: 0px;
}
.screen-replace-banner p em {
    color: red;
    font-style: normal;
    font-size: 1em;
}
.sr_wrapper {
    position: relative;
    overflow: hidden;
}
.sr_overlay_on {
    background-color: #fff;
    width: 140px;
    height: 42px;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
    
	position: absolute;
    margin-top: 5px;
}
.service_plan_type {
    overflow: hidden;
}
.plan_type_link {
    margin: 10px 40px 0px 40px;
    position: relative;
    height: 30px;
    overflow: hidden;
}
.plan_type_link_content {
    text-decoration: underline;
    color: #ff0000;
    position: absolute;
    right: 0px;
}
.plan_type_link_icon {
	
}
.plan_type_remark b {
    font-size: 18px;
}
.service_plan_row_dim .plan_type_link_icon_overlay {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
    width: 20px;
    height: 30px;
    position: absolute;
    background-color: #ffffff;
}
/*scrpl*/
.screenreplace-wrapper{
    padding: 20px 0 40px 0;
    display: inline-block;
}
.screenreplace-header {
    margin-bottom: 20px;
}
.screenreplace-container {
    width: 31%;
    margin-right: 2%;
    display: table;
    float: left;
}
.screenreplace-img {
    display: table-row;
    text-align: center;
}
.screenreplace-control {
    display: table;
    text-align: center;
}
.screenreplace-control-input-radio {
    display: table-cell;
}
.screenreplace-control label {
    font-size: 16px;
    display: table-cell;
    cursor: pointer;
}
.screenreplace-control input[type="radio"] {
    cursor: pointer;
}