@media screen and (min-width:766px){
  .Mheader, .MmainNav,.mContentWidth260{display:none;}
  .MmainNav{position: absolute;font-size: 0; height: 0;width: 0; left: -1000px;}
} 
@media screen and (max-width:766px){
	
	body{ padding:58px 0 0!important; background:#fff;}   
	body.mTopADSChange{ padding-top:110px!important;}
.mTopADSChange .pageTop{ padding-top:18px;height:24px; position:absolute; top:-132px!important;}   
.mTopADSChange .noAds .pageTop{  top:-62px!important;}  
.mTopADSChange .noAds .pageTop.messageSubMenu{  top:-84px!important;}

 .header,.sidebar,.content_sidebar,.pageTop,.pages,.pages_hr,.footer,.featuredAD,.back2Top,#zone_alert,.right_ad,.Z31Profile .content_sidebar.wideCCol{display:none!important;} 
 .content h1.pageTitle{ font-size:16px!important; padding:10px 5px 0;} 
 .content{ margin:0 auto!important; border:0;}
 .main.oneColumn{ margin:0 auto !important; width:auto !important; border:0 !important; border-radius:0 !important;}
 .main{ margin-top:0 !important;}
 .oneColumn .content{ padding:0 !important;}
 .main .content.margin_for_ad2 {  padding-top: 0px !important;}
 .content_main,.margin_for_ad2 .content_main{ border:0; margin:0 auto; float:none;}  
 .margin_for_ad2 .content_main .table_1{width:100% !important;}
 .main,.content_main,.margin_for_ad2 .content_main,.noAds .content_main{ width:auto; padding-left:0; padding-right:0; padding-top:0;min-width: 320px; min-height:120px; padding-bottom: 0;}   
 .mContentWidth260{margin: 0 auto; padding: 15px 0 10px;width: 260px;}
 .Z31BTGraySmall{ height: 36px; line-height: 36px;font-size:18px; }
/* header begin*/
 .Mheader{ height:48px;  position:fixed; top:0; left:0; right:0; width:100%; z-index:998; background-image:url("http://img.zpcdn.com/z31/bgMobileHeader.png"); background-repeat:repeat-x; }  
 .Mheader h1{ font-size:21px; line-height:48px; text-align:center; text-shadow:#739d2f 0 -1px 1px; color:#fff; font-weight:normal;} 
 .menuAll,.menuBack{ float:left; border-right:#b9de6d 1px solid; }
 .menuAll span,.menuBack span{ float:left;border-right:#87bf15 1px solid; padding:0;}
 .menuAll a{ background-image:url("http://img.zpcdn.com/z31/iconAll2.png"); background-position:0 -48px; background-size:100%; background-repeat:no-repeat;  width:48px; height:48px; display:block;  outline-style:none;}    
 .menuAll a.mbgRed{ background-image:url("http://img.zpcdn.com/z31/iconAll2.png"); background-position:0 0;}
 .menuAll a.mnonum{background-image:url("http://img.zpcdn.com/z31/iconAll.png"); background-position:0 -48px;}
 .menuAll span{ position:relative;}  
 .menuAll b{position: absolute; left:24px; top: 16px; z-index: 2; color:#fff; font-size:14px; font-weight:normal;  }
 .menuAll b small{ font-size:12px;}
.menuBack a{ background-image:url("http://img.zpcdn.com/my/iconBack.png"); background-size:100%; background-repeat:no-repeat;  width:48px; height:48px; display:block; text-indent:-9999px; outline-style:none; }   
.menuHome{ height:40px; padding:8px 0 0;  text-align:center;}
.menuHome a{  background-image:url("http://img.zpcdn.com/z31/iconLogoMobile.png"); background-size:100%; background-repeat:no-repeat; width:106px; height:31px; display:block; margin:0 auto; text-indent:-9999px; outline-style:none; }
.menuForgot,.menuLoginM{ float:right;border-left:#87bf15 1px solid;} 
.menuForgot a,.menuLoginM a{  height:48px; line-height:48px; float:right;border-left:#b9de6d 1px solid; color:#fff !important; padding:0 10px; font-size:12px;}   
.menuSave{ float:right;border-left:#87bf15 1px solid;}
.menuSave span{ border-left:#b9de6d 1px solid; display:block;}
.menuSave span a{display:block; width:48px; height:48px; background:url("http://img.zpcdn.com/z31/mIconSave.png") center 13px  no-repeat;}
/* header end*/
/*nav begin*/
.MmainNav{display:none; position: fixed; height: 100%; top: 48px; left:0; z-index: 997; width:80%; overflow:hidden;  box-shadow:10px 0 80px #000;/*background-color: rgba(0,0,0,0.3);*/    }
.MmainNav ul{  border-bottom:#f8f8f8 1px solid;width:120%;height: 100%; background:#e2e2e2;   overflow-y:auto;}
.MmainNav li{ float:left; width:84.5%; border-top:#f8f8f8 1px solid; border-bottom:#ccc 1px solid;
}
.MmainNav li:first-child{border-top:0;}
.MmainNav li a{ display:block; padding:12px 11px 12px 13px; color:#333; font-size:18px; text-shadow:0 1px 0 #fff;}
.MmainNav li a:hover{ color:#333; text-decoration:none;}
.MmainNav li a i{ float:right; font-size:14px; color:#fff; border:#bbb 1px solid; background-color:#d6d6d6; padding:2px 6px; border-radius:4px; color:#333; font-weight:normal; box-shadow:0 1px 1px #f7f7f7 inset; font-style:normal;}
.MmainNav li a b{float:right; font-size:14px; color:#fff; border:#7da927 1px solid; background-color:#92c334; padding:2px 6px; border-radius:4px; text-shadow:0 -1px 0 #49682a; font-style:normal;box-shadow:0 1px 1px #f7f7f7 #cde897; background-image: -webkit-gradient(linear,left top,left bottom,from(#a2d441),to(#7ca825));background-image: -webkit-linear-gradient(#a2d441,#7ca825);background-image: -moz-linear-gradient(#a2d441,#7ca825);background-image: -ms-linear-gradient(#a2d441,#7ca825);background-image: -o-linear-gradient(#a2d441,#7ca825);background-image: linear-gradient(#a2d441,#7ca825);}
.MmainNav li a:hover b{ color:#fff;}
.MmainNav li a:hover i{ color:#333;}
.MmainNav .MmainTitle{ background-color:#b5b5b5;background-image: -webkit-gradient(linear,left top,left bottom,from(#cacaca),to(#ababab));background-image: -webkit-linear-gradient(#cacaca,#ababab);background-image: -moz-linear-gradient(#cacaca,#ababab);background-image: -ms-linear-gradient(#cacaca,#ababab);background-image: -o-linear-gradient(#cacaca,#ababab);background-image: linear-gradient(#cacaca,#ababab); color:#fff;text-shadow: 0 -1px 0 #8a8a8a; padding:3px 0 3px 0; font-size:12px;} 
.MmainNav .MmainTitle span{ margin:0 0 0 13px;} 
.MmainNav .mfooter{color:#666;  padding:10px 0 12px 13px; font-size:14px; line-height:24px;}
.MmainNav li .mfooter a{color:#666; font-size:14px; display:inline; padding:0; text-decoration:underline; text-shadow:none;}
.pages{ padding-right:10px;} 
.pageTop .pageTitle  button.btnBlue{ display:none;}	
.subNav{ position:absolute; left:0; top:0px; right:0; padding:0; background:#d2d2d2; border-bottom:#c4c4c4 1px solid; min-width:320px;}
.subNav li{ padding:0; width:25%; text-align:center; padding:10px 0;}
.subNav li.selected{ border-bottom:#99cc00 2px solid;}
.subNav li a{ float:none; display:block; box-shadow:0px 0px 0px #767676 inset; border-left:#afafaf 1px solid; padding:5px 0;color:#111; font-weight:bold;text-decoration:none; }
.subNav li.selected a, .subNav li.selected a:hover{box-shadow:0px 0px 0px #767676 inset; border-radius:0; color:#111;text-decoration:none;}
.subNav li:last-chald a{ border:0;}
.subNav li.selected a, .subNav li.selected a:hover { background:none;text-decoration:none;}  
/*nav end*/ 
/*switch page under subtitle begin*/
.mSubNav{  background:#F2F2F2; border-radius: 4px; padding: 10px 0 10px 10px; margin:0 10px 0; min-height:15px;cursor:pointer;}
.mSubNavLeft{ float:left; color:#666;}
.mSubNavRight{ float:right; position:relative; width:30px; height:15px; text-align:center; position:relative; cursor:pointer;}
.mSubNavRight .arrowDown{display:inline-block; width:7px; height:7px; background:url('http://img.zpcdn.com/friend/arrowDown.png') 0 0 no-repeat; vertical-align:middle; margin:0 2px 0 4px;}
.mSubNavRight ul{ position:absolute; visibility:hidden;right:0; top:13px;}
.mSubNav:hover   ul{ visibility:visible; white-space:nowrap; border:#ccc 1px solid; padding:0; background:#fff; text-align:left;} 
.mSubNav:hover   ul li a{ color:#333; display:block; padding:5px 9px;}
.mSubNav:hover   ul li a:hover{ color:#333; background:#f2f2f2; text-decoration:none;}
/*switch page under subtitle end*/

/*form begin*/
.mFormBoxStyle1{ border:#999 1px solid; box-shadow:0 1px 0 #fbfbfb inset; width:244px; padding:9px 7px 9px 7px; height:18px; line-height:18px; font-size:16px; color:#bababa; border-radius:4px; box-shadow:0px 10px  10px #ebebeb inset, 0 1px 0 #f7f7f7; text-align:right;  background:#fff;} 
.mFormBoxStyle3{ border:#999 1px solid; box-shadow:0 1px 0 #fbfbfb inset; width:244px; padding:9px 7px 9px 7px; height:18px; line-height:18px; font-size:16px; color:#bababa; border-radius:4px; box-shadow: 0 2px 2px #d7d7d7; text-align:right;  background:#fff;}
.mFormBoxStyle1 label,.mFormBoxStyle3 label{ float:left;}
.mFormBoxStyle1 .intText,.mFormBoxStyle3 .intText{ text-align:right; font-size:16px; line-height:18px; width:160px; border:0; background:none; vertical-align:middle;  } 
.mFormBoxStyle3 img{ vertical-align:middle; } 
.mFormBoxStyle2 li{ padding:0 0 15px;}
.mFormBoxStyle2 li .intText{ border:#999 1px solid; box-shadow:0 1px 0 #fbfbfb inset; width:251px; padding:9px 0 9px 7px; height:18px; line-height:18px; font-size:16px;   border-radius:4px; box-shadow:0px 10px  10px #ebebeb inset, 0 1px 0 #f7f7f7;}
.mFormBoxStyle2 li label{ display:block; padding:0 0 4px 7px; color:#666;}
div.mFormTipsErro{ background:url("http://img.zpcdn.com/z31/mIconError.png") 0 1px no-repeat; background-size:11px 11px; color:#f00; padding:0 0 0 14px; margin:4px 0 0; font-size:11px;}

/*form end*/

.warn_info { margin:0 auto !important;}
.warn_info .bg_cue{ background:none !important; padding:0!important; margin:0!important; font-size:11px !important; }
.warn_info span.bg_cue{ border:#e7cd5f 1px solid; border-radius:3px; padding:5px 10px!important; background-color:#f9f5be;background-image: -webkit-gradient(linear,left top,left bottom,from(#fefde1),to(#f5efa8))!important;background-image: -webkit-linear-gradient(#fefde1,#f5efa8)!important;background-image: -moz-linear-gradient(#fefde1,#f5efa8)!important;background-image: -ms-linear-gradient(#fefde1,#f5efa8)!important;background-image: -o-linear-gradient(#fefde1,#f5efa8)!important;background-image: linear-gradient(#fefde1,#f5efa8)!important; display:inline-block; line-height:1; font-size:11px; }


.succ_info { margin:0 auto !important;}
.succ_info .bg_cue{ background:none !important; padding:0!important; margin:0!important; font-size:11px !important; }
.succ_info span.bg_cue{ border:#a5cb82 1px solid; border-radius:3px; padding:5px 10px!important; background-color:#ddf6c6;background-image: -webkit-gradient(linear,left top,left bottom,from(#f4fceb),to(#ccf1aa))!important;background-image: -webkit-linear-gradient(#f4fceb,#ccf1aa)!important;background-image: -moz-linear-gradient(#f4fceb,#ccf1aa)!important;background-image: -ms-linear-gradient(#f4fceb,#ccf1aa)!important;background-image: -o-linear-gradient(#f4fceb,#ccf1aa)!important;background-image: linear-gradient(#f4fceb,#ccf1aa)!important; display:inline-block; line-height:1; font-size:11px; }

/*search page*/
.searchLists { margin-right:0!important; padding-top:0!important; width:100%!important;} 
.searchTopBar{ margin-bottom:10px!important; margin-left:5px!important; margin-right:5px!important; margin-top:0!important;}
.searchLists li { width:24%!important; height:auto!important; margin-right:0.5%!important;margin-left:0.5%!important;}
.searchLists li img{ width:100%; height:auto;}
.searchLists li .iconOnline{ width:10%;}
.resultPopUp{ display:none!important;}
.content_main .adsBox{width:auto;margin-bottom: 5px;}
.adsBox .align_center{width:50%;}
.searchLists .iconVP{width:30%; height: 30%}
.searchLists .iconVP.VP,.searchLists .iconVP.Royal,.searchLists .iconVP.RoyalVP,.searchLists .iconVP.New{ background-position:right top; background-repeat:no-repeat;background-size:100%;}
.searchLists .iconVP.VP{ background-image:url("http://img.zpcdn.com/z31/iconVPV.png");}
.searchLists .iconVP.Royal{ background-image:url("http://img.zpcdn.com/z31/iconVPR.png");}
.searchLists .iconVP.RoyalVP{ background-image:url("http://img.zpcdn.com/z31/iconVPRV.png");}
.searchLists .iconVP.New{ background-image:url("http://img.zpcdn.com/z31/iconVPN.png");}  
.searchLists li span small{  font-size:9px!important;} 
.searchTopBar{ font-size:11px!important;} /*
.searchTopBarContent,.formSection ul input,.formSection ul select{ font-size:9px!important;}*/ 
.loadingBox,.noResult{font-size:13px!important;}
.formSection label input { margin-top:2px!important;} 
.formSection ul li{ height:auto!important;}
.formSection .MSearchForm{ display:block; padding:0 0 0 110px;} 
.formSection .marginLeft25.MSearchForm{ margin-left:0!important;}
.searchTopBarContent .form_button input{ font-size: 18px!important;}
.MSearchForm select{ width:100%!important;}
h1.pageTitle, .content h1.pageTitle, .main h1.pageTitle{ padding:0 5px!important;}
/*match page*/
.match_userInfo a,.match_userInfo a:hover{ color:#46c;}
.match_up_play{ width:100%!important;}
.match_bt.wave_bt{ margin-left:auto; margin-right:auto;}
.match_up_playImg .marginTop10 img{ max-width:100%!important;}  
.preferencesBox { margin: 0 0 0 110px!important; width:auto!important;}
.preferencesBoxInnerLeft { width:100%!important;}
.preferencesBoxInnerRight{ clear:both; float:left!important; width:100%!important;} 
.preferencesBoxInner .preferencesBoxInnerRight textarea{width:95%!important; min-width:254px!important; padding:0!important;}
.preferencesBoxInner .preferencesBoxInnerLeft input{ width:85%!important; min-width:186px!important; padding:0!important;}
.match_up_play,.match_bt.wave_bt{ width:auto!important;}
.match_bt span.match_bt_red,.match_bt span.match_bt_black,.match_bt span{ background:none; padding:0;} 
.match_bt.wave_bt a.match_bt_red{ background:none; border:#9a0300 1px solid; background-color:#ff6269;background-image: -webkit-gradient(linear,left top,left bottom,from(#f4878f),to(#f9201d));background-image: -webkit-linear-gradient(#f4878f,#f9201d);background-image: -moz-linear-gradient(#f4878f,#f9201d);background-image: -ms-linear-gradient(#f4878f,#f9201d);background-image: -o-linear-gradient(#f4878f,#f9201d);background-image: linear-gradient(#f4878f,#f9201d); border-radius:5px; padding:0 30px!important; display:inline-block; }
.mutualIntNoResult .match_bt a.match_bt_black,.match_bt.wave_bt a.match_bt_black{ background:none; border:#a0a0a0 1px solid; background-color:#f4f4f4;background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#d7d7d7));background-image: -webkit-linear-gradient(#fafafa,#d7d7d7);background-image: -moz-linear-gradient(#fafafa,#d7d7d7);background-image: -ms-linear-gradient(#fafafa,#d7d7d7);background-image: -o-linear-gradient(#fafafa,#d7d7d7);background-image: linear-gradient(#fafafa,#d7d7d7); border-radius:5px; padding:0 30px; display:inline-block;} 
.mutualIntNoResult .match_bt a,.match_bt.wave_bt a{background:none; border:#c97400 1px solid; background-color:#fbb600;background-image: -webkit-gradient(linear,left top,left bottom,from(#fcc300),to(#f19b00));background-image: -webkit-linear-gradient(#fcc300,#f19b00);background-image: -moz-linear-gradient(#fcc300,#f19b00);background-image: -ms-linear-gradient(#fcc300,#f19b00);background-image: -o-linear-gradient(#fcc300,#f19b00);background-image: linear-gradient(#fcc300,#f19b00); border-radius:5px; padding:0 30px; display:inline-block;}
.formSection .arrowRight{ margin-top:-4px!important;}
/*profile page*/
.Z31Profile .content{ padding-top:0!important;}
.Z31Profile .content_sidebar{ display:block!important; max-width:320px!important; margin:10px  auto 0 !important; position:relative !important; float:none !important; left:0 !important; text-align:center; }
.photoBox .photoBoxLar img {  max-width: 300px!important; text-align:center;}
/*.photoBox .photoBoxSmall img{ width:60px!important;} for BT*/
.Z31Profile .content_main { padding-left:10px!important; padding-right:10px!important; padding-bottom:0!important; width:auto!important; min-height:120px !important; padding-top:;} 
.photoBox{ margin:0 auto; }  
.proConMod .iconAdd{ margin-top:-5px!important;}
.proCtrBts .Z31BTLightGray span{ display:none;}
.proCtrBts .Z31BTLightGray span.iconOr{ display:inline-block;}
.proCtrBts .orPopup{ right:0!important;}
.elementBox .intCheckbox { margin-top:5px!important;} 
.BColLoading{position:fixed; left:0;  top:140px; margin:0!important;  z-index:9; text-align:center; width:100%;}
.BColLoading img{ width:100px;} 
/*interest in me page,I am interested in,mutual attractions*/
.sectionListInner .arrowblueRightGrayBar,.sectionListInner .arrowLeftBar,.sectionListInner  .arrowblueRLBar{ display:none;}
.sectionListInner img.float_left{ margin-right:10px; width:80px!important; height:80px!important; } 
.sectionList .info { float:none!important; width:auto!important; padding-top:0!important;}
/*.sectionList .btnMessage,.sectionList .btnLike { height:30px!important; line-height:30px!important;}*/
.sectionList .btnBox{ float:none!important;  padding-top:0!important;}
.sectionList .info small { padding: 0 0 8px!important;} 
.sectionList,.btBottom,.loadingBox{ margin-left:5px!important; margin-right:5px!important; width:auto!important;  } 
.sectionList{ padding-left:0!important; }
.sectionList .linkDelect{ display:block!important;background-position:0 -597px;  }
/*footer style*/
.footer_bottom_3_1 {display:none;width: 90%!important;margin: 10px auto 0!important;padding: 5%!important;font-family: Arial, Helvetica, sans-serif!important;}
.footer_3_1 .footerCol {float: left!important;width: 50%!important;margin-bottom: 5%!important;}
/*lightbox style*/
.popupWrap { width:100%!important; height:100%!important;  left:0!important; top:0!important; right:0!important; bottom:0!important; position:fixed!important; }
 .popTop,.popBottom{ display:none!important;}  
.popupWrap .popup3{ width:90%!important; height:90%!important; left:5%!important; top:5%!important;margin:auto!important; padding:0!important; position:fixed !important;   }
.popupWrap .pop_conWrap{border:0!important;background:#fff!important; box-shadow:none; height:100%;  border-radius:8px; position:relative; overflow-y:auto; padding:0!important;}  
.pop_conWrap .popup_content{ background:none!important;padding: 10px!important; border:0 !important;}
.popup_btm{ background:none!important;} 
.pop_close{ top:15px!important; right:15px!important;}  
.pop_conWrap .pop_close{ top:9px!important; right:10px!important;}  
.popup_content h1,.popup_content .form_style h1{font-size:16px!important;color:#669911 !important;}
.popup_content h4{font-size:11px!important;}
.popupInfo{ margin:5px auto !important;}
.popup_content .form_style li{ padding:0 0 5px 0 !important; line-height:1;}
/*new ui LB begin*/
.popup_box{ padding:0 !important;  max-width:90%!important; max-height:90%!important; width:90%!important; height:90%!important; top:5%!important; left:5%!important; font-size:12px !important; position:fixed !important; overflow:auto; max-height:90% !important; max-width:90% !important; }
.popupBoxWrapper{overflow-y:auto; height:100%; } 
.popupBoxInner {padding: 5px 10px;}
.popup_box h1{ margin-bottom:5px !important; padding-bottom:5px !important; font-size:16px!important;}
/*new ui LB end*/   
/*message begin */
.messageSectionContainer{ padding-bottom:45px!important;}
.messageSection:hover .clearfix .float_right{ display:none!important;} 
.messageSection .clearfix .float_left strong{ font-weight:normal !important;}
.messageSection .checkBoxs{ display:none!important;}
.messageSection .checkBoxs input{ margin-top:0!important;}
.messageTitle .iconR { margin-right:10px!important;}  
.messageSection .iconClose,.messageSection .linkArrow{ display:none !important;}
.messageSection p{font-size:16px !important;} 
.messageSectionRight .textareaBox,.messageSectionRight textarea{ font-size:16px!important;line-height:20px!important;} 
.messageSectionRight .textareaBox{ min-height: 20px !important; height:auto !important; padding:3px 2px 5px !important; border:0 !important; box-shadow:0 0 0 #f2f2f2 !important ; background:none!important; }
.messageSectionRight textarea{  overflow-y:auto !important; background:none!important; outline-style:none!important; }
.messageSectionRight textarea::-webkit-scrollbar { width: 4px; cursor:pointer; }
.messageSectionRight textarea::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0; border-radius: 0;}
.messageSectionRight textarea::-webkit-scrollbar-thumb {  border-radius: 0; background: #ccc; -webkit-box-shadow:  0 0 0; }
.messageSectionRight textarea::-webkit-scrollbar-thumb:window-inactive { background: 0 0 0; } 
.messageSectionRight textarea{scrollbar-arrow-color: #fff; scrollbar-face-color: #ccc;scrollbar-3dlight-color: #fff;scrollbar-highlight-color: #fff;scrollbar-shadow-color: #fff;scrollbar-darkshadow-color: #fff;scrollbar-track-color: #fff;  }
.messageSection.formBox{ padding:10px!important; width:auto!important; position:fixed!important; left:0; right:0; bottom:0; z-index:99; background:#fff !important;}
.messageSection.formBox .messageSectionLeft{ display:none!important;}
.messageSection.formBox .messageSectionRight{ margin:0 !important;position:relative;}
.messageSection.formBox .messageSectionRight div.float_right{ position:absolute; right:0; top:0px; margin-top:-12px; bottom:0; width:40px; height:100%;}
.messageSectionRight .textareaBox{ margin-right:38px !important;}
.messageSectionRight .intSend{ background:#fff  url('http://img.zpcdn.com/z31/iconMobileSend.png') 0 0 no-repeat !important;background-size:100% !important; width:24px!important; height:24px !important; padding:24px 24px 0 0!important; overflow:hidden!important; border:0 !important; box-shadow:none!important;  position:absolute;  right:3px; top:50%;}
.disabled .messageSectionRight .intSend{background:#E5E5E5 url('http://img.zpcdn.com/z31/iconMobileSend.png') 6px 4px no-repeat!important; background-size:70% !important; width:38px!important; padding:36px 38px 0 0!important; overflow:hidden!important; cursor:auto!important;} 
.messageTop{ margin:10px 0!important;} 
.messageSectionWrapper .messageSectionRight{ margin-right:0!important; padding-right:25px!important; background:url(http://img.zpcdn.com/z31/iconListArrow.png) right 18px no-repeat; background-size:17px 16px; }
 
/*.messageSectionWrapper .messageSection .iconClose,.messageSectionWrapper .messageSection .iconClose:hover{ width:7px !important; height:16px !important; background-image: url('http://img.zpcdn.com/z31/iconListArrow.png') !important; background-size:100% 100% !important; right:10px !important; top:28px !important; background-position:0 0 !important;}*/
.mComposeBox{ padding:0 0 70px 0 ;}
.mToUserBox{ border-bottom:#c7c7c7 1px solid;border-top:#c7c7c7 1px solid;  background:#fff; padding:13px 10px; font-size:16px;}
.mToUserBox span{ color:#cdcdcd;}
.mbge .content{ border-radius:0; background:none;}/*for compose page*/
/*message end */
/*friend begin*/ 
.friendTop,.friendLists{ margin-left:10px!important; margin-right:10px!important;}
.subNav.friendsNav li{ width:33.3%;}
.friendLists .arrowWrapper{ height:24px;  background-color: #e7e7e7;background-image: -webkit-gradient(linear,left top,left bottom,from(#EFEFEF),to(#DEDEDE));background-image: -webkit-linear-gradient(#EFEFEF,#DEDEDE);background-image: -moz-linear-gradient(#EFEFEF,#DEDEDE);background-image: -ms-linear-gradient(#EFEFEF,#DEDEDE);background-image: -o-linear-gradient(#EFEFEF,#DEDEDE);background-image: linear-gradient(#EFEFEF,#DEDEDE);   border-radius:0 4px 4px 0; border:1px solid #999999;   line-height: 24px; -moz-box-shadow:0px 1px 1px #fff inset;-webkit-box-shadow:0px 1px 1px #fff inset;box-shadow:0px 1px 1px #fff inset;font-size:18px; color:#666;text-decoration:none; text-shadow: 0px 1px 0px #fff; text-align: center; margin:0 !important; vertical-align:middle; border-left:0; }
.friendLists li{ min-height:64px !important;}
.friendLists li .Z31BTGray{ border-radius:4px 0 0 4px;}  
.friendLists .popBox { left:auto !important; right:-1px !important; top:24px !important;}
.friendTop .intBox{ background:#fff url('http://img.zpcdn.com/friend/bgForm.png') 5px 6px no-repeat;   height:30px; padding:0 0 0 28px; font-size:14px;   border:0; border:#d6d6d6 1px solid;  border-radius:2px;}
.friendTop .intBox .intSearch{ width:100%!important; background:none !important; border:none !important; padding:0 !important;}
.friendLists li .userInformation{ margin:0 110px 0 74px !important;}
/*friend end*/
/*setting page begin*/
.mFormNote{ background:#e8e8e8; border-bottom:#dadada 1px solid; padding:10px 0 10px; margin-top:-10px; font-size:12px; color:#555; text-align: center; } 
.settingForm div.mFormTipsErro, .changeForm div.mFormTipsErro{ margin-left:7px;} 
/*New Criteria responsive begin*/
.formSectionLeft, .formSectionRight, .formSectionBtn{float:none!important;clear:both!important;display:block;width:80%!important;margin:14px 5%!important;padding:14px 5%!important;min-height:0px!important;}
.formSectionRight .genderBox .float_left{float:none !important;clear:both!important;padding-bottom:8px!important;}
.formSection .formSectionRight .MSearchForm{padding:0px 0 8px!important; }
.formSectionRight .marginLeft25{margin-left: 0px !important;}
.formSectionRight .ageRange{padding: 12px 0 !important;}
/*New Criteria responsive end*/
/*help page begin*/
.help_title li{ font-size:14px;}
/*help page end*/
/*about page begin*/
.aboutUsWrapper{ padding-bottom:15px;}
.aboutUsWrapperLeft{ float:none !important; width:100% !important; overflow:hidden;}
.aboutUsWrapperRight{ float:none !important;  width:100% !important; overflow:hidden;}
/*about page end*/
/*profile loading begin*/
.Z31Profile .BColOpacity{ right:0 !important; top:70px!important;}
/*profile loading end*/
/*verification begin*/
.content h1.titleVerifyPage{ padding:13px 0 16px !important; line-height:24px!important; font-size:20px !important;}
.lockPageBtm{ margin:0 10px 10px !important; padding:15px 10px 10px !important;}
.IMMP{ padding:0 !important;}
.IMMP li{ padding-bottom:10px !important; text-align:left!important; clear:both!important; margin-left:auto!important; margin-right:auto!important; float:none !important; min-height:100px; width:320px!important; }
.IMMP li span{ float:left!important;}
.IMMP li small,.IMMP li h2{ margin-left:110px!important; }
.IMMP li h2{ padding-top:23px !important;}
.lockPageBtm h2{ padding-bottom:15px !important;}
.popup_content .form_style li.profileVeri_1,.popup_content .form_style li.profileVeri_2,.popup_content .form_style li.profileVeri_3{ padding-left:40px !important;  margin-left:40px !important; background-position: 0 0 !important; }
/*verification end*/
/*photo viewer begin*/ 
.albumContainer{margin:24px 0!important;width:auto!important; }
.albumTop{margin:12px !important;width:auto!important;}
.content h3.albumtitle {color: #667722!important;font-weight: bold!important;font-size:16px!important;margin-bottom: 10px!important;margin: 12px!important;}
.albumAction {display:block!important;position:relative!important;top:auto!important;right:auto!important; margin:0 0 5px 12px !important;}
.albumTopActions{display:none!important;}
.photoList {padding-bottom: 20px!important;display: block!important;font-size: 0px!important;padding: 0px 4px!important;}
.photoList li {list-style: none!important;margin: 0px!important;margin-left: 0px!important;display: inline-block!important;width: 25%!important;height: auto!important;}
.photoList li a {transition: 300ms!important;-moz-transition: 300ms!important;opacity: 1!important;width: 100%!important;height: 100%!important;}
.photoList li > a > img {height: auto!important;width: 100%!important;border: 4px solid #fff!important;box-shadow: 0px 0px 0px #000!important;box-sizing: border-box!important;-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;}
/*.photoList li a img{height:70px!important;width:auto!important;border:3px solid #fff!important;box-shadow: 0px 0px 5px #bbb!important;} */
.photoList .photoButton{height: auto;width: 100%;border: 4px solid #fff!important;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-shadow: 0px 0px 0px #FFF !important;}
.photoList .addMore {background: #97ce3f;transition: 300ms;width: 100%;height: auto;-moz-transition: 300ms;border: 0px solid #111 !important;}
.plb-container > .plb-holder > .plb > .photo-warpper > .photo-action-warpper > .comment-bt{ margin-right:0 !important;}
/*photo viewer end*/
/* z31ClickTerminationBtnAfter.html*/
.TerminationAfter {  box-sizing: border-box; padding-left:10px; padding-right:10px;}
/*newAccountTermination.html begin*/
.content_block.newAccountTermination{ padding:10px;}
.newAccountTermination  label{ display:block; text-align:left; width:100%;}
.newAccountTermination ul{ padding:0;}
.lbTermination .popup_box{box-sizing: border-box !important; padding:20px !important;}
/*newAccountTermination.html end*/ 
/*upload photo LB begin*/
.LB_Container{ z-index:1000 !important;}
.LB_body{ width:90%!important; left:5%!important; right:5%!important; top:5%!important; bottom:5%!important; height:90%!important; overflow:hidden !important; overflow-y:auto !important; margin:0 !important;}
.LB_section,.thumbViewer{ width:auto !important;}
.thumbViewer{ height:auto !important;}
.LB_body input[type="text"], .LB_body textarea{ width:80% !important;} 
.thumbViewer .Z31BTGraySmall{ float:none !important;  }
.plupload_container{ min-height:200px !important;}
.plupload_droptext{ display:none!important;} 
.thumbViewer .Z31BTBlueSmall{ margin-left:10px !important; margin-right:10px !important; height:36px; padding-left:10px; padding-right:10px;}
.plupload_wrapper{ min-width:0 !important}
.plupload_header_content{ padding-right:60px !important;}
.plupload_header_content{ height:auto !important;}
.plupload_header_text{ padding-bottom:6px;}
.LB_body .LB_section,.LB_body h3{ box-sizing:border-box; width:100% !important; }
/*upload photo LB end*/


/*newAccountEmailSettings.html begin*/
.form_style .email_settings_h2{ padding-left:20px !important;}
.table_porfile_2 td input{ margin-left:5px !important;}
/*.email_settings_h2  span,*/.email_settings_h2 em{ display:block; padding:0 0 0 35px;}
 
.form_style label.withCheckbox{ display:inline-block; width:90%;  margin-right:0 !important;  text-align:left;}

.form_style .wrapperCheckbox{
	width: 20px;
	height:20px;	 
	position: relative;
	display:inline-block;
	margin-right:10px;
}

.form_style .wrapperCheckbox label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;
	display:block;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);

	background:#cbcfd5;
}

.form_style .wrapperCheckbox label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #4a5f97;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.form_style .wrapperCheckbox label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.form_style .wrapperCheckbox input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
} 
.pages_checkbox{ margin-top:2px !important;}
/*newAccountEmailSettings.html end*/

/*newAccountPrivacySettings.html begin*/
.privacy_settings_form .privacy_title{
	background: url("http://img.zorpia.com/zorpia2/journals/icon_dot_03.jpg") no-repeat scroll 10px 50% #e4edf3 !important;
	padding-left:20px!important;
	}
.privacy_settings_form li p{ padding-left:30px !important;}
/*newAccountPrivacySettings.html end*/

/*profile edit_photos begin*/
.profile_operate span{ margin:12px !important;}
.profile_photo .head_portrait img{ cursor:default !important;}
/*profile edit_photos end*//

/*http://www.zorpia.com/payment?frm=lb begin*/
.buyRoyalForm select{ margin:15px 0 !important; width:80% !important; min-width:280px !important;}
.purchaseBox .textBuy{ background:none; font-weight:bold; font-size:18px; color:#ffa021;text-indent:0;height:auto; width:auto; padding-right:45px; }
/*http://www.zorpia.com/payment?frm=lb end*/
/*http://www.zorpia.com/info/Royal_Membership begin*/
.introBox .textIts{ background:none; font-weight:bold; font-size:22px; color:#ffa021;text-indent:0; text-align:center;height:auto; width:auto; }
/*http://www.zorpia.com/info/Royal_Membership end*/
/*Z31RoyalInvite.html begin*/
.inviteBox .textUpgrade{ background:none; font-weight:bold; font-size:22px; color:#ffa021;text-indent:0; height:auto; width:auto; text-align:center;}
.howPopup img{ float:right !important;margin:-2px 20px 0 0 !important;}
.inviteBox .howPopup{ left:auto !important; right:0 !important; }
.listWrapperInner{ height:auto !important; overflow:visible !important;}
.listWrapper{ margin-bottom:10px;}
/*Z31RoyalInvite.html end*/
/*paymentZorpiadolla.html begin*/
.tabs_3.mPaymentTab{ height:30px !important;}
.tabs_3.mPaymentTab li{ height:30px !important;}
.tabs_3.mPaymentTab li a{ padding:7px 5px 5px !important;}
.pay_subTable td{ display:block !important;}
.pay_username{}
/*paymentZorpiadolla.html end*/
/*gifts page*/
.giftsWrapper ul{ margin:0 30px !important; width:auto !important; text-align:center;} 
.giftsWrapper ul li{ display:inline-block!important; float:none !important;} 
/*http://www.zorpia.com/group/ZMATES/forum*/
.foru_auth_img img{ margin-right:0 !important;}
.forums_hidden td{ white-space:normal!important; overflow:visible!important;}  

/*profile visitor css begin*/ 
.noTopAds{ padding-top:30px;}
.profileVisitorsRoyal{ width:100%; padding-bottom:30px; padding-top:0;}
.profileVisitorsRoyal.version1{ padding-bottom:20px;}
.profileVisitorsRoyal.version2{ padding-top:40px;}
.content .profileVisitorsRoyal.version1 p{ margin-bottom:15px;}
.profileVisitorsRoyal h1{ text-align:center; padding-top:0px; line-height:1; } 
.content .profileVisitorsRoyal p{ text-align:center; font-size:16px; line-height:20px;}
.profileAvatars{ float:none; margin:0 auto; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:40px; margin-top:-20px; background:url(http://img.zpcdn.com/visitor/OvalSmall.png) center 22px no-repeat; width:200px;  }
.profileAvatars ul{ margin-top:4px; margin-bottom:0; margin-left:14px;}
.profileAvatars ul li{ padding-bottom:40px;}
.profileAvatars ul.onlyThree{ width:100px; height:137px; margin-bottom:0; margin-top:4px;}
.profileAvatars ul.onlyThree li{ width:90px; height:90px;} 
.profileAvatars ul.onlyThree  li:first-child{ transform-origin: center 200px; }
.profileAvatars ul.onlyThree  li:last-child{transform-origin: center 200px;} 
.profileAvatars ul.onlyOne .middleOne{ margin-left:36px; }
.profileAvatars ul.onlyTwo .leftOne{ margin-left:0px;}
.profileAvatars>ul>li>a>img{ width:90px; height:90px;}
.profileVisitorsRoyal a.btnBlue{ margin:0 auto; display:block; width:230px; text-align:center; }
.btnBlueBox{ position:fixed; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.3); padding:10px 0; z-index:5; }
/*i like page*/
.mutualIntNoResult .mutualIntNoResultPic{ width:100% !important;}

.mbge{ background-color:#eee!important;}
.mbgNone{ background:none !important;} 
.mbgf2{ background-color:#f2f2f2 !important;}
.mFloatNone{ float:none!important; }
.mTextCenter{ text-align:center!important;}
.mTextLeft{ text-align:left!important;}
.mTextRight{ text-align:right!important;}
.mDisplayBlock{ display:block!important;}
.mDisplayInlineBlock{ display:inline-block !important;} 
.mDisplayNone{ display:none;}
.mPadding0{ padding:0 !important;}
.mPaddingTop{ padding-top:0!important;}
.mPaddingLR0{ padding-left:0px !important; padding-right:0px !important;}
.mPaddingLR10{ padding-left:10px !important; padding-right:10px !important;}
.mPaddingLeft20{ padding-left:20px !important;}
.mPaddingLeft30{ padding-left:30px !important;} 
.mPaddingLR40{ padding-left:40px !important; padding-right:40px !important;}
.mMarginAuto{ margin-left:auto!important; margin-right:auto!important;}
.mBorder0{ border:0 !important;}
.mBorderDDD{border:1px solid #dddddd !important;}
.mF11{ font-size:11px!important;}
.mF12{ font-size:12px!important;}
.mF16{ font-size:16px !important;}
.mF18{ font-size:18px !important;}
.mF20{ font-size:20px !important;}
.mfNormal{ font-weight:normal !important;}
.mPositionStatic{ position:static!important;}
.mWidthAuto{ width:auto !important;}
.mWidth100Precent{ width:100% !important;} 
.mMarginTop{ margin-top:0 !important;}
.mMarginBottom{ margin-bottom:0 !important;}
.mMarginBottom10{ margin-bottom:10px !important;}
.mMarginLR10{ margin-left:10px!important; margin-right:10px !important;}
.mLineHeight{ line-height:normal !important;}
.mVerticalAlignMiddle{ vertical-align:middle;} 
.mHeight30{ height:30px !important;}
.mPaddingLeft0{ padding-left:0 !important;}
.mTextRight{ text-align:right;}
.mSize64{ width:64px !important; height:64px !important;}
.mWidthPercent100{ width:100% !important; }
.mHeightAuto{ height:auto !important;}
.mBtGray{ border:#69981d 1px solid; border-radius:4px; color:#5f5f5f!important; font-size:18px; background-color:#f7f7f7;background-image: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#d4d4d4));background-image: -webkit-linear-gradient(#ffffff,#d4d4d4);background-image: -moz-linear-gradient(#ffffff,#d4d4d4);background-image: -ms-linear-gradient(#ffffff,#d4d4d4);background-image: -o-linear-gradient(#ffffff,#d4d4d4);background-image: linear-gradient(#ffffff,#d4d4d4); text-shadow:#fff 0  1px; text-decoration:none!important;} 
.mBtBlue{ border:#69981d 1px solid; border-radius:4px; color:#fff!important;   font-size:18px; background-color:#f7f7f7;background-image: -webkit-gradient(linear,left top,left bottom,from(#5881af),to(#334f75));background-image: -webkit-linear-gradient(#5881af,#334f75);background-image: -moz-linear-gradient(#5881af,#334f75);background-image: -ms-linear-gradient(#5881af,#334f75);background-image: -o-linear-gradient(#5881af,#334f75);background-image: linear-gradient(#5881af,#334f75); text-shadow:#192f54 0 -1px;  text-decoration:none!important; box-shadow:0 1px 0  #95afcd inset;}
.btnOrange{background-color: #f3871a;background-image: -webkit-gradient(linear, left top, left bottom, from( #feba2a), to( #d46008));background-image: -webkit-linear-gradient( #feba2a, #d46008);background-image:  -moz-linear-gradient( #feba2a, #d46008);background-image: -ms-linear-gradient( #feba2a, #d46008);
background-image: -o-linear-gradient( #feba2a, #d46008);background-image:  linear-gradient( #feba2a, #d46008);border:#c75e00 1px solid; border-radius:7px; box-shadow:0 0 1px 1px #ffdd95 inset, 0 1px 1px 0  #b1b1b1;color: #fff;font: 24px/1 Arial, Helvetica, sans-serif;height:50px;text-align: center;width: 237px;
padding:0 0 3px;margin:0;cursor:pointer;text-shadow:#bc7918 0 -1px 1px;text-align:center;overflow:hidden;
font-weight:bold;}
.btnInactive{opacity:0.4;cursor:auto!important;}

/*footer*/
#footer-ads{margin-top:0;}

} 

/*
@media screen and (min-width: 480px) and (max-width:800px) {
	body.mTopADSChange{ padding-top:110px!important;}
.mTopADSChange .pageTop{ padding-top:18px;height:24px; position:absolute; top:-62px !important;}  
	 }*/
 
@media screen and (max-width: 460px) {
	
	/*body.mTopADSChange{ padding-top:110px!important;}
.mTopADSChange .pageTop{ padding-top:18px;height:24px; position:absolute; top:-62px;}  */
	/*#thePhotoSidebar{display:none !important;}
	#theContentMain{display:none !important;}*/
	.Z31Profile .main,.Z31Profile .content_main,.Z31Profile .margin_for_ad2 .content_main{min-width: 280px !important;margin:0 !important;}
	.Z31Profile .photoBox .photoBoxLar img{max-width:280px !important;}
	.Z31Profile .content_sidebar{max-width: 280px !important;}
	.Z31Profile .photoBox .photoBoxSmall img{/*width:50px !important; for BT*/ padding:2px !important;}
	.Z31Profile .photoBoxMore span{font-size: 9px !important;}
	body{overflow-x:hidden !important;}
	/*.Z31Profile .content_sidebar{position: absolute !important;}*/
	
/*verification begin*/  

}
*:focus {outline: none;}