/*

* name: responsive

* version: v1.1.7

* update: 响应图片从ui.css集中到responsive.css


*/



/* import responsive stylesheet */

@import url(../css/Pad.css) screen and (max-width: 1024px);

@import url(../css/Mobile.css) screen and (max-width: 640px);



/* hide template textarea */

.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}



/*

* PcMode

*/

body:after {

  display: block;

  height: 0;

  line-height: 0;

  overflow: hidden;

  visibility: hidden;

  content: 'Pc';

}

.PcMode:after { content: 'Pc' !important;}

.UnpcPush, .MobilePush { display: none;}

img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}

/*

* PadMode

*/

@media screen and (max-width: 1024px) {



  body:after {

    content: 'Pad';

  }

  body{ user-select: none;-webkit-user-select: none;}

  body,input,textarea,button,select {font-family: inherit;font-size:14px;}

  .wrap{padding-left:2%;padding-right:2%;max-width: none;}

  .PcPush{display: none;}

  .UnpcPush{display: block;}



}



/*

* MobileMode

*/

@media screen and (max-width: 640px) {



  body:after {

    content: 'Mobile';

  }

  body,input,textarea,button,select {font-size:14px;}

  .wrap{padding-left:2%;padding-right:2%; }

  .UnmobilePush{display: none;}

  .MobilePush{display:block;}

  img[data-src]{opacity: 1;}



}