@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200px) {

  /*column-switch*/
  .column-switch {display: none;}
}

/**
 * [xLarge Screen for PC]
 * 1126~1200
 */
@media screen and (max-width: 1200px) {

  /*Highlights*/
  .highlights .inner {padding: 0 5px;}
  .highlights .mod-r {width: calc(100% - 800px);}

  /*Information*/
  .information .inner {padding: 0 5px;}
  .information .mod-r {width: calc(100% - 800px);}

  /*列表页、文章页*/
  #container .l-inner {padding-right: 20px;}
  .col-news {width: calc(100% - 300px);}

  #container .d-inner {padding-left: 20px; padding-right: 20px;}
  .article .entry {padding-left: 0; padding-right: 0;}
}

/**
 * [Large Screen for PC & Pad]
 * 1025~1125
 */
@media screen and (max-width: 1125px) {

  /*Nav*/
  .nav {margin-bottom: 5px;}

  /*Highlights*/
  .highlights .mod-l {float: none; width: 100%; margin-bottom: 20px;}
  .highlights .mod-r {float: none; width: 100%;}

  /*News*/
  .post-news .con .wp_article_list .list_item .article-title {width: calc(100% - 120px);}
  .post-news .con .wp_article_list .list_item .article-publishdate span.yyyy {display: inline;}

  /*Information*/
  .information .mod-l {float: none; width: 100%;}
  .information .mod-r {float: none; width: 100%;}

  /*fwzn*/
  .post-fwzn {margin-bottom: 20px;}

  /*kstd*/
  .post-kstd .con .wp_article_list .list_item {width: 12.5%;}
}


/**
 * [Large Screen for PC & Pad]
 * 961~1024
 */
@media screen and (max-width: 1024px) {

}

/**
 * [Medium Screen for Pad]
 * 769~960
 */
@media screen and (max-width: 960px) {

  /*Header*/
  #header {margin-bottom: 5px; background: #0063c8;}
  .head .logo {position: static; margin: 0 auto; width:500px; overflow: hidden; background-image: url(../images/logo_white.png); background-size: contain; float: none;}
  .search-bar {display: none;}

  /*Nav*/
  #naver {display: none;}
  .nav {display: none;}
  .nav-bar {display: none;}

  /*Slide Nav**/
  .navi-aside-toggle {display: block;}
  .wp-navi .navi-slide-head {display: block;}
  .wp-navi .navbar{background:none;}
  .wp-navi .navbox{width:100%;}
  .wp-navi .wp_nav {background:#fff;}
  .nav-box .wp-menu {display:none;background:#fff;}
  .nav-box .wp-menu .menu-item {display:block;float:none;position: relative;z-index: 100;width:100%;padding-left:0px;border-bottom:1px solid #eee;}
  .nav-box .wp-menu .menu-item .menu-switch-arrow{display: block;width: 38px;height: 38px;position: absolute;right: 6px;top: 1px;background: url(css/img/icons.png) no-repeat 10px -116px;}
  .nav-box .wp-menu .menu-item a.menu-link {display:block;padding: 0 20px;line-height: 40px;color: #343434;font-size: 15px;}
  .nav-box .wp-menu .menu-item a.menu-link.hover,
  .nav-box .wp-menu .menu-item a.menu-link.parent{ text-decoration: none; color: #000; background-color: #eee; }
  .nav-box .sub-menu {display: none;position:relative;left: 0;bottom: 0px;top: 0px;min-width: 0px;z-index: 100;background: #fff;}
  .nav-box .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1; border: 1px solid #eee;}
  .nav-box .sub-menu .sub-item a { display: block;height: auto;line-height: 43px;padding: 0 44px;font-size: 14px; color: #000; background:none;}
  .nav-box .sub-menu .sub-item a:hover { display: block;  color: #eee; background-color:#eee;}
  .nav-box .sub-menu .sub-menu {left:0%;top: 0;z-index: 200;background: #fff;}
  .nav-box .sub-menu .sub-menu .sub-item a {padding: 0 64px;}

  .highlights .mod-l {margin-bottom: 5px;}

  /*Footer*/
  .foot .copyright {width: calc(100% - 20px); text-align: left; margin-left: 20px;}

  /*列表页*/
  #container .l-inner {padding: 20px;}

  .col-menu {width: 100%; min-height: 0; float:none; margin: 0 0 10px 0; position:relative; display: none;}
  .col-menu .col-menu-title {height: 40px; line-height: 40px; margin: 0 auto; border-bottom: 3px solid #004cb7; background: #fff;}
  .col-name {color: #004cb7; line-height: 40px; font-size: 18px; text-align: left; text-indent: 0;}
  .column-switch {display:block; top: 11px; right: 11px; background: url(../images/sort.png) center center no-repeat;}
  .col-menu .col-menu-con{display:none; margin: 0 auto; background: #fafafa;}
  .col-list .wp_listcolumn .wp_column a {color: #000;}
  .col-menu-placeholder {display: none;}

  .col-news {width: 100%; min-height:0px; float:none; margin: 0;} /**栏目新闻**/
  .col-news-con {padding-left: 0; padding-right: 0;}


  /*列表页手机样式分页*/
  #wp_paging_w1205 .page_jump {display: none;}
  #wp_paging_w1205 .pages_count {display: none;}
  #wp_paging_w1205 .wp_paging {width: 100%; float: none; margin-left: 0; text-align: center;}
  #wp_paging_w1205 .wp_paging li {float: none;}
  #wp_paging_w1205 .wp_paging li a {background: #eee; border: 1px solid #eee; padding:0 6px; line-height: 28px; height: 28px;}
  #wp_paging_w1205 .wp_paging li a:hover {color: #778a3c;}

  /*文章页*/
  #container .d-inner {padding: 20px;}
  .article .entry .read img {width: auto; height: auto;} /**文章阅读部分图片大小限制**/
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 641~768
 */
@media screen and (max-width: 768px) {

  /*列表页*/
  #container .l-inner {padding: 10px;}

  /*文章页*/
  #container .d-inner {padding: 10px;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 481~640
 */
@media screen and (max-width: 640px) {

  /*Logo*/
  .head {height: 90px;}
  .head .logo {width: 380px; height: 90px;}

  /*Jumbotran*/
  .jumbotran-box .focus-pagination {display: none;}

  /*kstd*/
  .post-kstd .con .wp_article_list .list_item {width: 25%;}

  /*footer*/
  .foot .copyright {width: 95%; text-align: center; margin: 0 auto; margin-top: 120px;}
  .foot .app-qrcode {top: 35px; margin-top: 0; left: initial; right: 50%;}
  .foot .wx-qrcode {top: 35px;  margin-top: 0; left: 50%; right: initial;}

  /*列表页*/
  #wp_paging_w1205 .wp_paging li a span {font-size: 12px;}

  /*文章页*/
  .article .entry .read img {width: 100%; height: auto; max-width: 100%;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 361~480
 */
@media screen and (max-width: 480px) {
  /*Logo*/
  #header {margin-bottom: 5px;}
  .head {height: 80px;}
  .head .logo {width: 280px; height: 80px;}

  .highlights .mod-l {margin-bottom: 5px;}

  .post-news .con .wp_article_list .list_item .article-title {width: calc(100% - 70px);}
  .post-news .con .wp_article_list .list_item .article-publishdate span.yyyy {display: none;}
  .post-tzgg .con .wp_article_list .list_item .article-title {width: calc(100% - 70px);}
  .post-tzgg .con .wp_article_list .list_item .article-publishdate span.yyyy {display: none;}
  .post-fwzn .con .wp_article_list .list_item {width: 48%; margin-right: 2%;}
  .post-fwzn .con .wp_article_list .list_item:nth-child(3n+0) {margin-right: 2%;}

  /*列表页*/
  .col-news-list .wp_article_list .list_item .article-title {width: calc(100% - 80px);}
  .col-news-list .wp_article_list .list_item .article-publishdate span.yyyy {display: none;}

  /*文章页*/
  .article {padding: 0 10px;}
}


/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <=360
 */
@media screen and (max-width: 360px) {
  /*Logo*/
  .head {height: 70px;}
  .head .logo {width: 250px; height: 70px;}

}