/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1240px);
@import url(./Mobile.css) screen and (max-width: 992px);

/* 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);}
img[data-srcloaded] { opacity:1; filter: alpha(opacity=100); }
/*
* PadMode
*/
@media only screen and (max-width: 1240px) {

    body:after {
        content: 'Pad';
    }
    body{ user-select: none;-webkit-user-select: none;}
    html { overflow-x:hidden;}
    body,input,textarea,button,select { font-size:14px;}
    .PcPush{display: none;}
    .UnpcPush{display: block;}
    .wrap, .mwrap { width:940px; }
}

@media only screen and (max-width: 992px) {
    .wrap, .mwrap { width:740px; }

}

/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
    body:after {
        content: 'Mobile';
    }
    body,input,textarea,button,select {font-size:14px;line-height:1.8;}
    .UnmobilePush{display: none;}
    .MobilePush{display:block;}
    img[data-src]{opacity: 1;}
    .wrap, .mwrap { padding-left:4%; padding-right:4%; width:auto; }
    .mwrap .wrap { padding-left:0; padding-right:0; }
}