/*
* name: responsive
* version: v1.1.7
* update: 响应图片从ui.css集中到responsive.css
* data: 2015-08-28
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./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:12px;}
  .wrap{padding-left:2%;padding-right:2%;max-width: none;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}

  .product_form .content{font-size:16px;}
}

@media screen and (max-width: 992px) {
  .product_form .content .left{width:15%;}
  .product_form .content .right{width:85%;}
  .product_form .content .item2 .right{width:85%;}
  .product_form .content .item2 .right input{width:95%; margin-bottom:20px;}
  .product_form .content .right .sele select{width:90%;}
  .product_form .extend .item .right input{width:95%;}
  .product_form .extend .item .right textarea{width:95%;}

}
/*
* MobileMode
*/
@media screen and (max-width: 640px) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:12px;}
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}


  .product_form{padding:20px 0;}
  .product_form .infor{margin-bottom:20px;}
  .product_form .infor .tit{font-size:20px;}
  .product_form .infor .con{font-size:14px;}
  .product_form .content{font-size:13px;}
  .product_form .content .item{position:relative; width:100%; margin-bottom:15px;}
  .product_form .content .left{width:22%; padding-left:3%;}
  .product_form .content .right{width:75%;}
  .product_form .content .right .sele{width:100%; margin-bottom:20px;}
  .product_form .content .right .sele select{width:100%;}
  .product_form .content .stars{position:absolute; left:0; top:0;}
  .product_form .content .item2 .right{width:75%;}
  .product_form .content .item2 .right input{padding:0; width:100%;}

  .rightBar{display:none;}

}

@media screen and (max-width: 768px){
  body .img_tanchuang .img_content { width:100%; position:absolute; left:0; margin-left:0;padding:10px 10px;}
       .img_tanchuang .img_content .box{padding:0 20px;}
}