﻿/*header*/
.header { padding:20px 0;}
.logo { float:left; }
.googleSearch { float:right; color:#999; padding-top:10px;}
.googleSearch-keywords { width:140px;margin-left:30px;padding:4px 10px; color:#999;border:solid 1px #b1b1b1;}
.googleSearch-but { color:#333;background-color:#f1f1f1;border:solid 1px #ccc;padding:4px 8px;}
.googleSearch .link { margin-right:15px; color:#fff;}
.googleSearch .link:hover { color:#ff0; }


.header-right { float:right;margin-left:12px;padding-top:10px;}
.header-right:after { display:block; clear:both; content:""; visibility:hidden; height:0;}
.header-right a { line-height:45px; color:#fff; display:inline-block; padding:0 5px 0 15px; max-width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header-right a:hover { background:#000;}
.header-right select { float:right; *float:none; *display:inline-block;font-size:12px; color:#333; padding:4px 8px; background:#fff;border:solid 1px #b1b1b1;}
.header-not-width ul { width:auto !important; }

/*naver*/
.naver { background:#d24144; color:#fff;}
.nav-left { float:left;}
.nav-left ul { position:relative; }
.nav-left li { float:left;}
.nav-left a { display:block; font-weight: bold;font-size: 24px;line-height:35px; padding: 5px 20px;margin-right:0px; color:#fff;}
.nav-left a:hover { background-color:#6d1e21; }
.nav-left .current {  position:relative; z-index:2;}
.nav-left .current a { padding-bottom:0; border-bottom:5px solid #490104; background-color:#6d1e21;}


/*
  auther:f7
  date:2016.11
*/
@media screen and (max-width:1024px) {/* pad 横屏 */
  .header-inner { width:96%; }
  .googleSearch-but { background:#ccc; }
  .naver-inner { width:98%; margin-right:2%; }
  .nav-left a { padding:5px 16px;}

  .nav-right a { padding:0; max-width:80px;}
  .nav-right select { width:135px; }

  
}

@media screen and (max-width:900px) {/* pad竖屏 */
  .pcNotShow { display:block; }
  .mobileNotShow,.photoEnd-foot{ 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 { width:36%; max-width:160px;}
  .logo img { width:100%; }
  .logo,
  .mobile-language-box { height:50px;}

  .mobile-language { float:left; position:relative; color:#fff; display:none}
  .mobile-language-box { margin-left:25px; }
  .mobile-language strong { display:block; background:url("http://portuguese.zhizunsf176.com/etc/static/img/icon-mobile-language.png") no-repeat right center; font-weight:normal; font-size:18px; padding-right:20px; background-size:auto 55%;}
  .mobile-language-list { position:absolute; top:50px; left:10px; width:130%; height:0; overflow:auto; z-index:10;}
  .mobile-language-list-show { height:400px;}
  .mobile-language-list a { background:#b6241f; color:#fff; display:block; font-size:16px; line-height:2.4em; padding-left:10px; border-bottom:1px solid rgba(0,0,0,.2);}

  .naver-inner { width:100%; }
  .naver-inner a { -webkit-transition-duration:0ms; -moz-transition-duration:0ms; transition-duration:0ms;}

  .mobile-head-console { position:absolute; top:0; right:0;}
  .mobile-head-console a,
  .mobile-head-console span { display:inline-block; width:32px; height:50px; text-indent:-999em; overflow:hidden; vertical-align:top;}
  .mobile-head-console-search { background:url("http://portuguese.zhizunsf176.com/etc/static/img/icon-search.png") no-repeat center center; background-size:22px auto;}
  .mobile-head-console-user { background:url("http://portuguese.zhizunsf176.com/etc/static/img/icon-user.png") no-repeat center center; background-size:22px auto; display:inline-block; width:32px; height:50px; text-indent:-999em; position:relative;}
  .mobile-head-console-user a { display:none; position:absolute; top:50px; right:0; width:100px; background:#dc255c; color:#fff; text-indent:0; text-align:center; line-height:50px; font-size:1.2em;}
  .mobile-head-console-user:hover a { display:block; }
  .mobile-headLogin { display:inline-block; }

  .googleSearch { clear:both; height:0; overflow:hidden; font-size:12px; text-align:center; display:block; float:none;}
  .mobile-googleSearch-show { height:40px; }
  .googleSearch input { vertical-align:middle; }
  .googleSearch-keywords { width:100px; line-height:20px; height:20px; border:0;}
  .googleSearch-but { line-height:22px; height:22px; border:0; margin-left:5px;}


  /**/
  .nav-left { width:100%; overflow:hidden; }
  .nav-left a { line-height:46px; font-weight:normal; font-size:18px;}

  
  
}

@media screen and (max-width:767px) {/* 手机横屏 */

}

@media screen and (max-width:450px) {/* 手机竖屏 */

  .googleSearch .link { display:none; }


  /* 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;}

}

@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; }
}