/*

* name: responsive

* version: v2.0.0

* update: 使用max-device-width代替max-width

* data: 2016-04-30

*/



/* import responsive stylesheet 

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

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

*/

/* 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 only screen and (max-device-width: 1024px) {



  body:after {

    content: 'Pad';

  }

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

  html,body,.wrap { min-width:0;}

  html { overflow-x:hidden;}

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

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

  .PcPush{display: none;}

  .UnpcPush{display: block;}

}



/*

* MobileMode

*/

@media only screen and (max-device-width: 760px) {



  body:after {

    content: 'Mobile';

  }

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

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

  .UnmobilePush{display: none;}

  .MobilePush{display:block;}

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



}