@charset "utf-8";
/* CSS Document */
/*@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("/msite/public/fonts/open-sans.woff?revision=1000-2") format("woff"), url("/msite/public/fonts/open-sans-lat.woff2?revision=1000-2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}*/
*{ font-family: Arial,Helvetica,sans-serif!important;}

.header_bg{position:absolute; top:0; right:0; width:100%; height:45px; background:#3073ED; border-bottom:1px #3073ED solid; z-index:3;}
.header_bg .header_ico_size:active{background-color:rgba(254,204,165,0.2);}
.header_bg input::-webkit-input-placeholder, .header_bg textarea::-webkit-input-placeholder {color:#ffd2a2;}
.header_bg input:-moz-placeholder, .header_bg textarea:-moz-placeholder{color:#ffd2a2;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#a1a1a1;}
input:-moz-placeholder, textarea:-moz-placeholder{color:#a1a1a1;}
.upload_handler_header{background:#000000;border-top: 1px solid #999999;}
.upload_handler_header a:active{background:#1d78b1;}
.video_pop_pay .top{background-color:#3073ED;}

.login_pop_wapperCon .submit{background-color:#3073ED;}
.login_pop_wapperCon .submit:active{background-color:#279BE3;}

.monthlyFee_pop_forHomeWapper .mfee_header{ background-color:#3073ED;}
.monthlyFee_pop_forHomeWapper .mfee_content .describe ul.d_ul li{ padding-left:18px; margin:0; margin-left:15%; background:url(../../images/btn_ico/cd_icon1.png) left center no-repeat;}
.monthlyFee_pop_forHomeWapper .mfee_content .btnCon .btn{ background-color:#3073ED;}
.monthlyFee_pop_forHomeWapper .mfee_content .btnCon .btn:active{ background-color:#279BE3;}

.photoLockForProfile .jm-div-p2 .btnCon .btn{ background-color:#3073ED;}
.photoLockForProfile .jm-div-p2 .btnCon .btn:active{ background-color:#279BE3;}

.send_emf_btn{ background-color:#3073ED;}

.profile_add_btn{ background-color:#3073ED;}

/*.add_credits_tip span a{ background-color:#3073ED;}
.add_credits_tip span a:active{ background-color:#279BE3;}*/

.footer_sendEmail_btnWap .footer_sendEmail_btn{ background-color:#3073ED;}
.footer_sendEmail_btnWap .footer_sendEmail_btn:active{ background-color:#279BE3;}

.quick_reply_wapper .qr_btnWap .send_btn{ background-color:#3073ED;}
.quick_reply_wapper .qr_btnWap .send_btn:active{ background-color:#279BE3;}

.emailmsg_button{ background-color:#3073ED;}
.emailmsg_button:active{ background-color:#279BE3;}

.dataEmpty_wapper .dataE_fText_wap .btn_wap a{ background-color:#3073ED;}
.dataEmpty_wapper .dataE_fText_wap .btn_wap a:active{ background-color:#279BE3;}

.contactsEmpty_wapper .contactsE_fText_wap .btn_wap a{ background-color:#3073ED;}
.contactsEmpty_wapper .contactsE_fText_wap .btn_wap a:active{ background-color:#279BE3;}

.lovecall_scheduled_call .s_call_send_btn{ background-color:#3073ED;}
.lovecall_scheduled_call .s_call_send_btn:active{ background-color:#279BE3;}

.monthlyFeeTip_toLiveChat .mf_btn{ background-color:#3073ED;}
.monthlyFeeTip_toLiveChat .mf_btn:active{ background-color:#279BE3;}

/*.emf_elastic_center .add_credit_pop_pay_con .btnCon .btn{ background-color:#3073ED;}
.emf_elastic_center .add_credit_pop_pay_con .btnCon .btn:active{ background-color:#279BE3;}*/

.blu_btn{ background-color:#3073ED;}

.buttonAll #reg_submit_btn{ background-color:#3073ED!important;}

.no_chatlist_tip a{ background:#3073ED;}

.switch_androidApp_wapper .contine_btn{ background-color:#3073ED;}

.not_normal .button{ background:#3073ED;}

.btn_flat{ background-color:#3073ED!important;}
.fPaw #auth_img{ right:8px; top:auto;}

.register_header_box{ background-color:#3073ED;}
.register_header_box .reg_h_login .reg_h_log_btn{ color:#3073ED;}

.email_verification_layer_box .email_verif_con .e_verif_btn{ background-color:#3073ED;}

.header_bg_black{ background:#3073ED; border-bottom:1px #3073ED solid;}

.chatlist_nav{ color:#3073ED;}
.chatlist_nav li.on{ background:#3073ED;}

.search_wm .ui-controlgroup-controls{ border:1px solid #3073ED;}
.search_wm .ui-btn-active{ background-color:#3073ED!important;}
.search_wm .ui-slider-track .ui-btn.ui-slider-handle{ border:7px solid #CBEAFC; background:#3073ED;}
.search_wm ul li .search_btn{ background-color:#3073ED;}

.search_wm ul li .s_country_box{ border:1px solid #3073ED;}
.search_wm ul li .s_country_box .s_icon{ border-left:2px solid #3073ED; border-bottom:2px solid #3073ED;}

.select_category ul .sel_bg{ box-shadow:6px 0 0 #3073ED inset;}

.revs_search_menu_box .revs_search_box ul.revs_linetype li span.linesed{ border:6px solid #CBEAFC!important; background-color:#3073ED;}
.revs_search_menu_box .ui-controlgroup-controls{ border:1px solid #3073ED;}
.revs_search_menu_box .ui-btn-active{ background-color:#3073ED!important;}
.revs_search_menu_box .ui-slider-track .ui-btn.ui-slider-handle{ border:7px solid #CBEAFC; background:#3073ED;}
.revs_search_menu_box .revs_search_box .revs_country .s_country_box{ color:#3073ED;}
.revs_search_menu_box .revs_search_box .search_btn{ background-color:#3073ED;}
.revs_search_menu_box .revs_searchById_box .revs_scon button{ background-color:#3073ED;}

.revs_header_menu_list_box .revs_menu_content ul li.sel_bg{ border-bottom:2px solid #3073ED; color:#3073ED;}

.revs_point_btn_bh a{ background-color:#3073ED;}

.revs_phone_verification_box .revs_add_change_box .btn_verify{ color:#3073ED; border:2px solid #3073ED;}
.revs_phone_verification_box .revs_add_change_box .btn_change{ background-color:#3073ED;}

.revs_verify_number_box .revs_verify_number_con .btn_bh .btn_save{ background-color:#3073ED;}
.revs_verify_number_box .revs_verify_number_send_con .btn_bh .btn_verify{ background-color:#3073ED;}

.scene_lists_search_box ul li.active{ background-color:#3073ED; border:1px solid #3073ED;}

.myContacts_typeSearch_box ul li .on{ background-color:#3073ED; border:1px solid #3073ED;}

.gifts_store_bp_special_box ul li .on{ background-color:#3073ED; border:1px solid #3073ED;}

.gifts_detail_box .g_price .addBtn{ background-color:#3073ED;}

.gifts_order_layer_box .gifts_order_con .giftsOrderBtn{ background-color:#297AF3;}

.emf_elastic_layer_box .gifts_public_tip_content .g_btn{ background-color:#297AF3;}

.gifts_lady_store_checkout_btn{ background-color:#3073ED;}

.gifts_cart_list_box .box03 .cBtn{ border:1px solid #3073ED; color:#3073ED;}

.expression_box2 #wrapper_scene_box .scene_tab_nav .active:before{ border-bottom:2px solid #3073ED;}

.reset_password_byemailormobile_box .reset_byemail_box .r_send_btn{ background-color:#3073ED;}
.reset_password_byemailormobile_box .reset_bymobile_box .r_continue_btn{ background-color:#3073ED;}
.reset_password_email_verifi_tip_box .r_got_btn{ color:#3073ED; border:2px solid #3073ED;}
.reset_password_new_confirm_box .r_done_btn{ background-color:#3073ED;}
.reset_password_success_box .r_login_btn{ color:#3073ED; border:2px solid #3073ED;}

.appall{background:#FFF;}
.apptop{background:url(../images/inback01.gif);	margin:0; padding:0px;}
.apptop_new{background:url(../images/chnlady_topbg.jpg); height:162px; margin:0; padding:0px;}
.apptopvb{height:178px; width:100%;text-align:left; background:url(../images/app01.png) top right no-repeat;}
.apptopvb img{ width:auto;}
.apptopvb_lady{height:164px; width:100%;text-align:left; background:url(../images/lady_appbg.png) top right no-repeat;}
.apptopvb_lady img{ width:auto;}
.apptopvb_lady_new{height:164px; width:100%;text-align:left; background:url(../images/chnlady_topbg.png) top right no-repeat;}
.apptopvb_lady_new div{height:162px; width:100%;text-align:left; background:url(../images/chnlady_topimg.png) 0 5px no-repeat;}
.apptopvb_lady_new img{ width:auto;}

.appva{width:100%;padding:15px 0 10px 0; background:URL(../images/app03.gif) top repeat-x;border-top:1px solid #222;}
.appva h2, .appva h3{ padding:0 0 0 10px; margin:0;font: bold 22px/24px Arial, Helvetica, sans-serif; color:#095692;}
.appva h2 span{ background:#FF6600;color:#FFF;font:bold 13px/18px Arial, Helvetica, sans-serif;padding:2px 4px; margin:0 0 0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.appva h3{font:bold 16px/20px Arial, Helvetica, sans-serif;}
.appva_ldy{width:100%;padding:15px 0 10px 0; background:URL(../images/app03.gif) top repeat-x;border-top:1px solid #222;}
.appva_ldy h2, .appva_ldy h3{ padding:0 0 0 10px; margin:0;font: bold 22px/24px Arial, Helvetica, sans-serif; color:#095692;}
.appva_ldy h2 span{color:#FF6600; font:14px/18px Verdana, Geneva, sans-serif; background:#669900;color:#FFFFFF;padding:3px 5px; margin:0 0 0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.appva_ldy h3{font:bold 16px/20px Arial, Helvetica, sans-serif; padding:4px 12px; margin:0;}
.appvc_ladyspan{font:bold 14px/20px Verdana, Geneva, sans-serif; display:block; padding:10px 12px 4px 12px;}
.appvc{font:15px/18px Arial, Helvetica, sans-serif; color:#000000;width:90%; padding:0 0 0 25px; list-style:disc;}
.appvc li{padding:0 0 13px 0px; margin:0px 0 0 0;}

.appvd{width:auto; padding:0 0 150px 25px;}
.appvc_lady{font:15px/18px Arial, Helvetica, sans-serif; color:#000000;width:90%; padding:0 0 0 25px; list-style:disc;}
.appvc_lady li{padding:0 0 4px 0px; margin:0 0 0 4px;}
.appbtn{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b); 
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;  
    border-width: 1px;border-style: solid;border-color: #d69e31 #e3a037 #d5982d #e3a037;float: left;height: 35px;padding: 0;width:130px;cursor: pointer;font: bold 17px Arial, Helvetica;color: #8f5a0a;
}
.appbtn:hover,.appbtn:focus{
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}
.appbtn:active{outline: none;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;}
.appbtn::-moz-focus-inner{border: none;}

.appbtnvb{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f6fa), to(#b6e5ef));
    background-image: -webkit-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: -moz-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: -ms-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: -o-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: linear-gradient(top, #e6f6fa, #b6e5ef); 
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;  
    border-width: 1px;border-style: solid;border-color: #7fa9c5 #7fa9c5 #7fa9c5 #7fa9c5;float: left;height: 35px;padding: 0;width:130px;cursor: pointer;font: bold 17px Arial, Helvetica;color: #0160a4; margin:0 0 0 10px;
}
.appbtnvb:hover,.appbtnvb:focus{
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#a1cfee));
    background-image: -webkit-linear-gradient(top, #feffff, #a1cfee);
    background-image: -moz-linear-gradient(top, #feffff, #a1cfee);
    background-image: -ms-linear-gradient(top, #feffff, #a1cfee);
    background-image: -o-linear-gradient(top, #feffff, #a1cfee);
    background-image: linear-gradient(top, #feffff, #a1cfee);
}
.appbtnvb:active{outline: none;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;}
.appbtnvb::-moz-focus-inner{border: none;}

 /*app_ios*/
.app_iosall{background:#fff;}
.app_iostop{margin:0; padding:0px;}

.app_iostopvb{height:154px; width:100%;text-align:left;background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d2d3d5));
    background-image: -webkit-linear-gradient(top, #ffffff, #d2d3d5);
    background-image: -moz-linear-gradient(top, #ffffff, #d2d3d5);
    background-image: -ms-linear-gradient(top, #ffffff, #d2d3d5);
    background-image: -o-linear-gradient(top, #ffffff, #d2d3d5);
    background-image: linear-gradient(top, #ffffff, #d2d3d5); padding:4px 0 0 0;}
.app_iostopvb img{ width:auto; margin:0; float:left;}
.app_iostopvb div{padding:16px 0 2px 0;}
.app_iostopvb b{font:bold 18px/20px Arial;}
.app_iostopvb span{font:normal 14px 18px Arial;}

.app_iosva{width:100%;padding:15px 0 10px 0; background:URL(../images/app03.gif) top repeat-x;border-top:1px solid #222;}
.app_iosva h2, .appva h3{ padding:0 0 0 10px; margin:0;font: bold 22px/24px Arial, Helvetica, sans-serif; color:#095692;}
.app_iosva h2 span{ background:#FF6600;color:#FFF;font:bold 13px/18px Arial, Helvetica, sans-serif;padding:2px 4px; margin:0 0 0 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.app_iosva h3{font:bold 16px/20px Arial, Helvetica, sans-serif;}

.app_iosvc{font:15px/18px Arial, Helvetica, sans-serif; color:#000000;width:90%; padding:8px 0 0 20px; list-style:disc;}
.app_iosvc li{padding:0 0 8px 0px; margin:0;}

.app_iosvd{width:auto; padding:0 0 150px 25px;}
.app_iosve li{width:33.3%; float:left; text-align:center; padding:0 0 4px 0;}

.app_iosbtn{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b); 
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;  
    border-width: 1px;border-style: solid;border-color: #d69e31 #e3a037 #d5982d #e3a037;float: left;height: 35px;padding: 0;width:130px;cursor: pointer;font: bold 17px Arial, Helvetica;color: #8f5a0a;margin:4px 0 4px 10px;
}
.app_iosbtn:hover,.appbtn:focus{
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}
.app_iosbtn:active{outline: none;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;}
.app_iosbtn::-moz-focus-inner{border: none;}

.app_iosbtnvb{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f6fa), to(#b6e5ef));
    background-image: -webkit-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: -moz-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: -ms-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: -o-linear-gradient(top, #e6f6fa, #b6e5ef);
    background-image: linear-gradient(top, #e6f6fa, #b6e5ef); 
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);   
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;   
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;  
    border-width: 1px;border-style: solid;border-color: #7fa9c5 #7fa9c5 #7fa9c5 #7fa9c5;float: left;height: 35px;padding: 0;width:130px;cursor: pointer;font: bold 17px Arial, Helvetica;color: #0160a4; margin:4px 0 4px 10px;
}
.app_iosbtnvb:hover,.appbtnvb:focus{
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#feffff), to(#a1cfee));
    background-image: -webkit-linear-gradient(top, #feffff, #a1cfee);
    background-image: -moz-linear-gradient(top, #feffff, #a1cfee);
    background-image: -ms-linear-gradient(top, #feffff, #a1cfee);
    background-image: -o-linear-gradient(top, #feffff, #a1cfee);
    background-image: linear-gradient(top, #feffff, #a1cfee);
}
.app_iosbtnvb:active{outline: none;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;}
.app_iosbtnvb::-moz-focus-inner{border: none;}


/*new login page*/
.external_login_bg{background:#f4f3f3;}
.external_login_top{width:100%; height:56px; background:#3073ED; position:relative;}
.external_login_top img{ height:40px; border:0; position:absolute; left:10px; top:8px; margin:0; padding:0;}
.external_login_top span{ font:normal 14px/110% "Times New Roman", Times, serif; color:#fff; margin:0; padding:0; position:absolute; left:55px; top:14px;}
.external_login_top span b{font-size:22px; font-weight:normal;}
.external_login_tip{background:#cae8fc; font:normal 16px/20px Verdana; padding:10px; color:#333; text-align:left;   box-shadow:0 0 1px #ccc;}
.external_login_go_facebook_btn{ display:block; width:85%; height:40px; line-height:40px; font:bold 16px/40px Arial, Helvetica, sans-serif; color:#fff; background-color:#3b5997; -webkit-border-radius:5px; border-radius:5px; padding:0; margin:0 auto; margin-top:30px; text-decoration:none; outline:none; text-align:center; -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2);}
.external_login_go_facebook_btn:active{ opacity:0.8;}
.external_login_go_facebook_btn .fb_ico{ display:inline-block; width:10px; height:20px; background:url(/Public/images/btn_new_ico/reg_fb_ico.png) no-repeat; background-size:cover; vertical-align:middle;position:relative; right:10px; top:-3px;}
.external_login_create_title{ width:85%; height:28px; line-height:28px; position:relative; padding:0; margin:0 auto; border-bottom:1px dotted #000; text-align:center;}
.external_login_create_title span{display:inline-block; height:20px; line-height:20px; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#666; background-color:#F2F2F2; position:relative; top:12px; padding:0 10px;}
.external_login_cen{width:85%; margin:24px auto; background:#fff; border-radius:4px; -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.3); box-shadow:0px 0px 6px rgba(0,0,0,0.3); overflow:hidden;}
.external_login_cen li{list-style:none; padding:4px; position:relative; border-bottom:1px #e6e9f0 solid; padding:0 16px;}
.external_login_cen li:last-child{border-bottom:none;}
.external_login_cen li input::-webkit-input-placeholder{color:#a1a1a1;}
.external_login_cen li input:-moz-placeholder{color:#a1a1a1;}
.external_login_cen li input[name=email]{width:100%; font:normal 18px/56px Verdana; color:#333; box-shadow:0 0 0px 1000px #f7fbfe inset; -moz-box-shadow:0 0 0px 1000px #f7fbfe inset; -webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.external_login_cen li input[name=password]{width:70%; font:normal 18px/56px Verdana; color:#333; box-shadow:0 0 0px 1000px #f7fbfe inset; -moz-box-shadow:0 0 0px 1000px #f7fbfe inset; -webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.external_login_cen li input[name=authcode]{width:60%; font:normal 18px/56px Verdana; color:#333; box-shadow:0 0 0px 1000px #f7fbfe inset; -moz-box-shadow:0 0 0px 1000px #f7fbfe inset; -webkit-box-shadow: 0 0 0px 1000px #fff inset;}
#auth_img{position:absolute; right:8px; top:12px;}

.external_login_cen li .login_icons_pwd{position:absolute; right:0px; top:12px; width:auto; height:40px;}
.external_login_cen li .login_icons_pwd a {float:left; display:block; width:25px; height:25px; line-height:40px; margin-top:6px; margin-right:10px;}
.external_login_cen li  .isshow_pwd.visible {background:url(../images/btn_ico/ic_visible_grey.png) no-repeat top center; background-size:cover;}
.external_login_cen li .login_icons_pwd .isshow_pwd.invisible {background:url(../images/btn_ico/ic_invisible_grey.png) no-repeat top center; background-size:cover;}
.external_login_cen li .login_icons_pwd .forget_pwd {background:url(../images/btn_ico/ic_help_grey.png) no-repeat top center; background-size:cover;}
.external_login_cen li .login_icons_pwd .forget_pwd {color:#0099FF; line-height:18px;}
.external_login_submit{font-size:18px; line-height:40px; border-radius:4px; display:block; text-align:center; text-decoration:none; color:#fff; outline:none; width:85%;margin:16px auto; border:0 none; background:#3073ED; -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2);}
.external_login_submit:active{ opacity:0.8;}
.external_login_submit_btn{text-align:center; font:normal 16px/24px Verdana; color:#333; margin-top:8px;}
.external_login_submit_btn a,.external_login_submit_btn a:link{text-decoration:none; color:#0099ff; outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
.external_login_submit_btn a:active{color:#0267ab;}
.external_login_bg .forgot_con{ margin-top:5px; width:85%; height:auto; line-height:32px; margin:0 auto; text-align:center; border-bottom:1px dotted #E3E3E3; padding-bottom:8px;}
.external_login_bg .forgot_con a{ font:normal 16px/32px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; outline:none;}

/*log in with facebook*/
.login_with_facebook_box{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background-color:#F2F2F2;}
.login_with_facebook_box .login_facebook_con{ width:auto; height:auto; padding:0 30px 20px 30px;}
.login_with_facebook_box .login_facebook_con .fTitle{ width:100%; text-align:center; font:bold 20px/24px Arial, Helvetica, sans-serif; color:#333; margin-top:20px;}
.login_with_facebook_box .login_facebook_con .fText{ width:100%; text-align:center; font:normal 16px/24px Arial, Helvetica, sans-serif; color:#666; margin:5px 0 25px 0;}
.login_with_facebook_box .login_facebook_con .fInfo_box{ width:100%; height:56px; position:relative; margin:0 0 15px 0;}
.login_with_facebook_box .login_facebook_con .fInfo_box .fInfo_tx{ width:48px; height:48px; position:absolute; left:15px; top:0; -webkit-border-radius:48px; border-radius:48px; overflow:hidden; border:4px solid #fff;}
.login_with_facebook_box .login_facebook_con .fInfo_box .fInfo_tx img{ display:block; width:100%;}
.login_with_facebook_box .login_facebook_con .fInfo_box .fInfo_n{ width:100%; height:auto; position:absolute; left:80px; top:7px;}
.login_with_facebook_box .login_facebook_con .fInfo_box .fInfo_n .f_name{ font:bold 18px/20px Arial, Helvetica, sans-serif; color:#000; margin-right:15px; text-decoration:none; outline:none;}
.login_with_facebook_box .login_facebook_con .fInfo_box .fInfo_n .f_l{ font:normal 14px/20px Arial, Helvetica, sans-serif; color:#0099ff; text-decoration:none; outline:none;}
.login_with_facebook_box .login_facebook_con .fInfo_box .fInfo_n .f_mail{ font:normal 14px/20px Arial, Helvetica, sans-serif; color:#666;}
.login_with_facebook_box .login_facebook_con .fEmail{ border:1px solid #ccc; border-bottom:0 none; width:100%; height:36px; line-height:36px; padding-left:10px; font:normal 16px/36px Arial, Helvetica, sans-serif; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none;}
.login_with_facebook_box .login_facebook_con .fPw{ border:1px solid #ccc; width:100%; height:36px; line-height:36px; padding-left:10px; font:normal 16px/36px Arial, Helvetica, sans-serif; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none;}
.login_with_facebook_box .login_facebook_con .fConnect_btn{ width:100%; font:bold 16px/40px Arial, Helvetica, sans-serif; color:#fff; background-color:#3073ED;line-height:40px; border-radius:4px; display:block; text-align:center; text-decoration:none; margin-bottom:15px; height:40px; -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2); outline:none; cursor:pointer; padding:0; margin:20px 0 0 0;}
.login_with_facebook_box .login_facebook_con .fConnect_btn:active{ opacity:0.8;}
.login_with_facebook_box .login_facebook_con .fFog_pw{ width:100%; height:32px; line-height:32px; text-align:center; margin-top:10px;}
.login_with_facebook_box .login_facebook_con .fFog_pw a{ font:normal 16px/32px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; outline:none;}
.login_with_facebook_box .login_facebook_con .fJoin_free{ width:100%; height:42px; line-height:42px; font:normal 16px/42px Arial, Helvetica, sans-serif; color:#666; text-align:center; border-top:1px dotted #ddd; padding:0; margin:15px 0 0 0;}
.login_with_facebook_box .login_facebook_con .fJoin_free a{ color:#0099ff; text-decoration:none; outline:none;}
/*end*/

/*login revision*/
.revs_login_html{}
.revs_login_body{ width:100%; height:100%; background:url(/Public/charmingdate/images/login_bg.jpg) top center no-repeat; background-size:cover;}
.revs_login_body .go_home{ display:block; width:auto; height:20px; line-height:20px; padding:0 15px 0 0; position:absolute; right:15px; top:15px; font-size:14px; color:#fff; text-decoration:none;}
.revs_login_body .go_home span{ display:block; width:8px; height:8px; position:absolute; right:0; top:6px; border-left:2px solid #ddd; border-bottom:2px solid #ddd; -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
.revs_login_body .external_login_top{ width:auto; margin-top:65px; background:none; text-align:center; text-indent:-10px;}
.revs_login_body .external_login_top img{ height:55px; margin-right:6px; position:static; float:none; vertical-align:middle;}
.revs_login_body .external_login_top span{ position:relative; left:0; top:5px;}
.revs_login_body .external_login_top span b:nth-child(2){ font-size:14px; display:block; margin-top:5px;}

.revs_login_body .external_login_go_facebook_btn{ width:100%; margin-top:40px; opacity:0.8;}

.revs_login_body .external_login_create_title{ width:100%; border-bottom:none; height:22px; line-height:22px;}

.revs_login_body .external_login_create_title ul{ width:72%; height:auto; margin:0 auto;}
.revs_login_body .external_login_create_title ul:after{content:"";display:block;height:0;clear:both;}
.revs_login_body .external_login_create_title ul li{ float:left; height:22px;}
.revs_login_body .external_login_create_title ul li:nth-child(1){ width:-moz-calc(50% - 80px); width:-webkit-calc(50% - 80px); width:calc(50% - 80px); border-bottom:1px dotted #A1A1A1;}
.revs_login_body .external_login_create_title ul li:nth-child(2){ width:160px; color:#A1A1A1; text-align:center; position:relative; top:10px;}
.revs_login_body .external_login_create_title ul li:nth-child(3){ width:-moz-calc(50% - 80px); width:-webkit-calc(50% - 80px); width:calc(50% - 80px); border-bottom:1px dotted #A1A1A1;}

.revs_login_body .external_login_cen{ width:100%; background:none; box-shadow:none; margin-bottom:0; -webkit-border-radius:0px; border-radius:0px;}
.revs_login_body .external_login_cen li{ border-bottom:0 none; -webkit-border-radius:0; border-radius:0; background:rgba(255,255,255,1); padding:0; margin-top:1px; height:42px; overflow:hidden;}
.revs_login_body .external_login_cen li.bradius_top{ -webkit-border-top-left-radius:5px; border-top-left-radius:5px;-webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
.revs_login_body .external_login_cen li.bradius_bottom{ -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
.revs_login_body .external_login_cen li.fon{ background:rgba(255,255,255,0.9);}
.revs_login_body .external_login_cen li.fon input{ color:#666!important;}
.revs_login_body .external_login_cen li:nth-child(2){}

.revs_login_body .external_login_cen li input::-webkit-input-placeholder{color:#666;}
.revs_login_body .external_login_cen li input::-moz-placeholder{color:#666;}
.revs_login_body .external_login_cen li.lierrclass input::-webkit-input-placeholder{color:#fff;}
.revs_login_body .external_login_cen li.lierrclass input::-moz-placeholder{color:#fff;}
.revs_login_body .external_login_cen li.lierrclass .revs_forgot{ color:#fff;}
.revs_login_body .external_login_cen li input[name=email]{ color:#666; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:none; font:normal 16px/30px Verdana; margin:0; padding:6px 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.revs_login_body .external_login_cen li input[name=password]{ color:#666; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:none; font:normal 16px/30px Verdana; margin:0; padding:6px 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.revs_login_body .external_login_cen li input[name=authcode]{ color:#666; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:none; font:normal 16px/30px Verdana; margin:0; padding:6px 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.revs_login_body .external_login_cen li.lierrclass input[name=email]{ color:#fff;}
.revs_login_body .external_login_cen li.lierrclass input[name=password]{ color:#fff;}
.revs_login_body .external_login_cen li.lierrclass input[name=authcode]{ color:#fff;}
.revs_login_body #auth_img{ right:10px; top:8px; width:auto; height:26px;}

.revs_login_body .external_login_submit{ width:100%; -webkit-border-radius:5px; border-radius:5px; margin-top:10px; opacity:0.8;}
.revs_login_body .external_login_submit:active{ opacity:0.8;}

.revs_login_body .revs_forgot{ position:absolute; right:10px; top:12px; color:#666; text-decoration:none;}

.revs_login_body .external_login_submit_btn{ color:#ddd; font:normal 14px/18px Verdana;}
.revs_login_body .external_login_submit_btn a{ color:#ddd; text-decoration:underline;}

/*login revision*/
.revs_register_html{}
.revs_register_body{ width:100%; height:100%; background:url(/Public/charmingdate/images/login_bg.jpg) top center no-repeat; background-size:cover;}