/*
  auther:f7
  date:2016.11
*/
@media screen and (max-width:1024px) {/* pad 横屏 */
  html,body { width:100%; overflow-x: hidden;}

  .maxWidth { width:100%;}
  .header-inner { width:96%; }
  .naver-inner { width:98%; margin-right:2%; }

  .ad img { max-width:100%; }
  
  /**/
  .mod-title .more { margin-right:18px;}

  /**/
  .edit_related2013 { width:100%;}
  .edit_related2013 ul { width:32%; margin-right:2%;}
  .edit_related2013 ul img { width:100%; height:auto;}
  .edit_related2013 ul:nth-child(3n) { margin-right:0;}
  
  /**/
  #edit_related2013 { width:100%;}
  #edit_related2013 ul { width:32%; margin-right:2%;}
  #edit_related2013 ul img { width:100%; height:auto;}
  #edit_related2013 ul:nth-child(3n) { margin-right:0;}

  /**/
  .article-left { float:none; width:auto;}
  .article-right { margin:0; }
  .article-title,
  .article-type,
  .article-con,
  .CNComment,
  .whoShare-title { padding-left:2%; padding-right:2%; width:auto;}
  .whoShare-con { margin-left:2%; margin-right:2%;}
  .article-tool { right:2%; }

  /**/
  .whoShare { width:auto;}

  /* Other */
  .index-first-left { width:615px;}
  .index-first-right { width:390px;}
  .touchSlideFocus { width:615px; height:346px;}
  
  /* Magazine */
  .photoFour-con{ width:100%;}
  .photoFour-con dt img{ width:100%; height:auto;}
  .photoFour-con dt em{ left:69%;}
}

@media screen and (max-width:900px) {/* pad竖屏 */
  .pcNotShow { display:block; }
  .mobileNotShow { display:none; }

  .article-share-con a.pcNotShow { display:none; }
  .article-share-con a.mobileNotShow { display:block; }

  .header { padding:10px 0 0; }
  .header-inner { width:94%; position:relative; z-index:9;}
  .logo img { width:100%; }

  .mod-full .three-mod-item { width:100%; margin-right:0; font:none;}
  .mod-full ul { padding:0 1%;}

  /**/
  .edit_related2013 ul:last-child { display:block; margin-right:0;}
  .edit_related2013 ul { width:49%; }
  .edit_related2013 ul:nth-child(2n) { margin-right:0; }
  .edit_related2013 ul:nth-child(3n) { margin-right:2%;}
  .edit_related2013 ul:nth-child(6n) { margin-right:0; }
  .edit_related2013 li:last-child { font-size:16px; line-height:22px; height:44px;}
  
  /**/
  #edit_related2013 ul:last-child { display:block; margin-right:0;}
  #edit_related2013 ul { width:49%; }
  #edit_related2013 ul:nth-child(2n) { margin-right:0; }
  #edit_related2013 ul:nth-child(3n) { margin-right:2%;}
  #edit_related2013 ul:nth-child(6n) { margin-right:0; }
  #edit_related2013 li:last-child { font-size:16px; line-height:22px; height:44px;}

  /**/
  .photoFour-con dl { width:49%; }
  .photoFour-con dl:nth-child(2n) { margin-right:0; }
  .photoFour-con dd { font-size:16px; line-height:22px; height:44px;}

  /**/
  .article-share-list { right:-15px; }
  .CNComment-form textarea { height:100px; }
  .CNComment-item .CNComment-form textarea { height:60px; }
  .CNComment-childType { position:static; }

  /* Other */
  .index-first-left { width:100%; float:none;}
  .index-first-list,
  .index-first-right { width:96%; float:none; padding:0 2%; margin-top:20px;}
  .touchSlideFocus { width:100%; height:auto;}
  /**/
  .window-list { width:100%; margin-bottom:0;}
  .window-list-head,
  .window-list-foot { display:none;}
  .window-list-body { background:none; padding-top:10px; height:auto;}
  .window-list-body a { color:#222;}
  .window-list-con,
  .window-list-body .more { width:100%; padding:0;}
  .window-list-body ul { width:96%; margin:auto; float:none;}
  .window-list-body ul li a { padding-right:0; padding-left:13px; background:url(../img/dot.png) no-repeat left 9px;}
  /* #js-footer { margin-top:10px;} */
  
  /**/
  .photoFour-con dl { width:49%; }
  .photoFour-con dl:nth-child(2n) { margin-right:0; }
  .photoFour-con dd { font-size:16px; line-height:22px; height:44px;}
  
}

@media screen and (max-width:767px) {/* 手机横屏 */
  /**/
  .CNComment-item .CNComment-item .CNComment-item-userhead { display:none; }
  .CNComment-item .CNComment-item .CNComment-item-con { margin-left:15px; }

  /**/
  .whoShare-con a { margin:9px 10px;}

  /* login */
  .Dialog-login { width:100%; padding-top:0;}
  .Dialog-login-but { padding-top:0; padding-bottom:10px;}
  .Dialog-login-but input { font-size:16px; line-height:2em;}
  .Dialog-login-forgotPassword,
  .Dialog-login .js-shaow-reg,
  .Dialog-commonLogo h5 { display:none; }
  .Dialog-commonLogo-list { padding:10px 0; text-align:center;}
  .Dialog-commonLogo-list img { width:40px; height:40px; margin:0 10px;}
  
  /* video */
  .video-js { width:100% !important; height:auto !important;}
  .article-con .video-js .vjs-tech { height:auto; position:static;}

  /**/
  .foot-contact { padding:20px 0 30px;}
  .foot-contact-left,
  .foot-contact-right { width:auto; float:none; padding:0 6%;}
}

@media screen and (max-width:450px) {/* 手机竖屏 */
  .pages a,
  .pages span{padding:0 8px;}
  /* .mod-title { font:normal 24px/30px Arial;} */
  
  /* .mod-title strong{font-size:24px;} */

  .head-top-right { display:none; }
  /**/
  .photoFour-con.mobile-line dd { padding:0 5%; font-size:12px; line-height:18px; height:36px;}
  .photoFour-con dd { font-size:14px; line-height:20px; height:40px;}
  
  /**/
  .edit_related2013 li:last-child { padding:0 5%; font-size:12px; line-height:18px; height:54px;}
  .edit_related2013 li p { display:block; width:100%;}
  .edit_related2013 .mobile-line ul { margin-right:0; float:none; width:100%; overflow:hidden; position:relative;}
  .edit_related2013 .mobile-line ul:last-child { display:block;}
  .edit_related2013 .mobile-line li:first-child { float:left;}
  .edit_related2013 .mobile-line img { width:120px; height:68px;}
  .edit_related2013 .mobile-line li:last-child { margin:0 0 0 120px; padding:0 10px; height:68px;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    
    display:-moz-box;
    -moz-box-orient:horizontal;
    -moz-box-pack:center;
    -moz-box-align:center;
    
    display:-o-box;
    -o-box-orient:horizontal;
    -o-box-pack:center;
    -o-box-align:center;
    
    display:-ms-box;
    -ms-box-orient:horizontal;
    -ms-box-pack:center;
    -ms-box-align:center;
    
    display:box;
    box-orient:horizontal;
    box-pack:center;
    box-align:center;
  }
  .edit_related2013 .mobile-line li:last-child a { max-height:50px; overflow:hidden; }
  /**/
  #edit_related2013 li:last-child { padding:0 5%; font-size:12px; line-height:18px; height:54px;}
  #edit_related2013 li p { display:block; width:100%;}
  #edit_related2013 .mobile-line ul { margin-right:0; float:none; width:100%; overflow:hidden; position:relative;}
  #edit_related2013 .mobile-line ul:last-child { display:block;}
  #edit_related2013 .mobile-line li:first-child { float:left;}
  #edit_related2013 .mobile-line img { width:120px; height:68px;}
  #edit_related2013 .mobile-line li:last-child { margin:0 0 0 120px; padding:0 10px; height:68px;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    
    display:-moz-box;
    -moz-box-orient:horizontal;
    -moz-box-pack:center;
    -moz-box-align:center;
    
    display:-o-box;
    -o-box-orient:horizontal;
    -o-box-pack:center;
    -o-box-align:center;
    
    display:-ms-box;
    -ms-box-orient:horizontal;
    -ms-box-pack:center;
    -ms-box-align:center;
    
    display:box;
    box-orient:horizontal;
    box-pack:center;
    box-align:center;
  }
  #edit_related2013 .mobile-line li:last-child a { max-height:50px; overflow:hidden; }

  /**/
  .pages a,
  .pages span { display:inline-block; margin:0 2px 5px; }
  .pages .sumPage { padding-left:10px; }

  .pageStyle5 .firstPage,
  .pageStyle5 .prevPage,
  .pageStyle5 .allPage,
  .pageStyle5 .sumPage { display:none; }

  /**/
  .article-title { font-size:24px; }

  .article-share-list { right:-8px; }
  /* .article-type-item-time { display:block; } */

  .CNComment-item-userhead,
  .CNComment-Child-userhead { width:40px; }
  .CNComment-item-userhead img,
  .CNComment-Child-userhead img { width:40px; height:40px;}
  .CNComment-item-con,
  .CNComment-ChildCon { margin-left:60px; }
  .CNComment-item-text { font-size:14px; }

  .whoShare-con{padding:15px 10px;}
  .whoShare-con a { width:50px; margin:8px 15px;}
  .whoShare-con img { width:50px; height:50px;}

  /* Opinion */
  .fullPhoto dd a { font-size:14px; line-height:1.4em; margin:8px 10px;}

  /* login */
  .Dialog-login-text input { font-size:16px; padding-left:14%; width:66%;}
  .Dialog-login-but { padding-top:10px; padding-bottom:0;}
  .Dialog-login-but input { font-size:16px; margin-top:10px;}
  .Dialog-login-text-username,
  .Dialog-login-text-password,
  .Dialog-login-text-repassword { background-size:auto 50%;}
  .Dialog-login-forgotPassword,
  .Dialog-login .js-shaow-reg,
  .Dialog-commonLogo h5 { display:block; }
  
  /*2571*/
  .Dialog-login .js-shaow-reg{display:none;}
  
  .Dialog-login-forgotPassword { font-size:12px; line-height:2.4em;}
  .Dialog-commonLogo h5 { font-size:14px; line-height:2.4em;}
  .Dialog-commonLogo-list { padding:5px 0; text-align:center;}
  .Dialog-commonLogo-list img { width:40px; height:40px; margin:0 6px;}
  
  /* Other */
  #js-header { min-height: 80px;}
  .logo { float:none; margin:15px 0;}
}

@media screen and (max-width:370px) {/* 320的小屏幕 */

  .mobile-language-box { margin-left:15px; }
  .mobile-head-console a,
  .mobile-head-console span { width:28px; }

  .googleSearch-keywords { width:65px; }

  /**/
  .focus .text h2 { font-size:16px; }
  .focus ul { font-size:16px; }

  /**/
  .mod-title strong { font-size:20px;padding-left:12px; border-left-width:6px;}
  .mod-small-title { font-size:24px; }

  /**/
  .photoThree-con dt em { line-height:24px;}
  .photoThree-con .icon-video { width:24px; height:24px; background-size:60% auto;}
  .photoThree-con .icon-audio { width:24px; height:24px; background-size:60% auto;}

  /**/
  .article-title { font-size:22px; }
  .CNComment-item-type { font-size:12px; }
  .CNComment-item-type-right a { margin-left:6px; }
  .CNComment-item .CNComment-item .CNComment-item-con { margin-left:10px; }

  .photoThree-con.mobile-line dd a { max-height:36px; }
}