@charset "UTF-8"; 
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200) {
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1099px) {
.head-nav-panel .wp-menu .menu-item a.menu-link {margin: 0 12px;}
.focus {display: none;}
.wap-focus {display: block;}
.search-con {position: initial;}
.search-box {position: initial; left: 0; right: 0; margin: 0 auto;}
.input-login {width: 35.5%;}
.wp-container .wp-inner {padding: 10px 6px 0 6px;}
.post-8 .wp-menu {margin: 0px -7px;}
.post-8 .wp-menu .menu-item {width: 48%; margin: 7px 7px;}
.post-8 .wp-menu .i5 a.menu-link .menu-name {padding-left: 20px;}
.post-9 .wp-menu {margin: 0px -7px;}
.post-9 .wp-menu .menu-item {width: 30%; margin: 7px 7px;}
.mod_mid {margin: 25px 0 33px 0;}
.post-10 .con {padding: 0 10px;}
.footer .foot {width: 65%;}
.wp-footer .wp-inner .footer .copyright {display: inline-block;}
.footer .qr-code {margin-left: 70px;}
.shares li {margin: 0 3px;}
.foot-text {margin-left: 10px;}
.logo-window {margin: 0;}
.post-14 .news_con {width: 71.9%;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
.main-nav-panel .wp-menu .menu-item a.menu-link {padding: 0 4px;}
.focus-navigation {visibility: hidden;}
.wp-footer .wp-inner .footer .copyright {display: inline-block;}
.wp-column-menu {width: 100%; float: none; margin: 0;}
.wp-column-news {float: none;}
.wp-column-news .column-news-box {margin: 0 6px;}
.column-head .column-anchor {padding: 6px;}
.column-head .column-anchor .column-switch {display: block;}
.column-head .column-anchor h3.anchor-title {font-size: 16px; padding: 0;}
.column-list-wrap li a span {padding: 6px 0 6px 8px;}
.column-list-wrap .sub-list li a span {padding: 6px 10px 6px 25px;}
.column-body {display: none;}
.list-meta .column-title {font-size: 16px;}
.info-box {margin: 0 14px;}
.article {padding: 10px 0;}
.article h1.arti-title {padding: 5px 0;}
.logo-window {margin-left: 15px;}
.head-nav-panel .wp-menu .menu-item a.menu-link {margin: 0 5px;}
.lib-con {padding: 45px 30px 0 30px;}
.lib-con.lib-ser-5 {padding: 25px 30px 0 30px;}
.lib-ser-5 .ser-sys {height: auto;}
.text-fs {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.input-login {width: 78%; margin-bottom: 10px;}
.lib-ser-5 .links {margin: 5px 10px;}
.post-7 .wp-menu .menu-item a.menu-link {overflow: hidden;}
.search-box .sudy-tab .tab-menu li {padding: 0 15px;}
.post-8 .wp-menu {margin: 0px -5px;}
.post-8 .wp-menu .menu-item {width: 46.8%; margin: 7px 5px;}
.post-9 .wp-menu {margin: 0px -5px;}
.post-9 .wp-menu .menu-item {width: 46.8%; margin: 7px 5px;}
.post-10 .wp-menu .menu-item a.menu-link {overflow: hidden;}
.post-13 .news_title {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.post-14 .news_title {padding: 0;}
.head-nav-panel {width: 100%;}
.head-nav-panel .wp-menu .menu-item {width: 12.5%; text-align:center;}
.head-nav-panel .wp-menu .menu-item a.menu-link {padding: 0; margin: 0;}
.post-14 .news_con {width: 64.7%;}
.logo-window {padding-top:5px;}
.head_time {right: 0; margin: 0;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
body, p {font-size: 16px;}
a {font-size: 16px;}
.wp-header .wp-inner {margin: 0 6px;}
.wp-header {padding: 0;}
.wp-navi {display: none;}
.wp-navi-slide {display: none; background-color: #eee;}
.wp-navi-slide .navi-slide-head {display: block;}
.wp-navi-slide .wp-menu {display: none;}
.main-nav-panel .wp-menu .menu-item {display: block; float: none; border-top: 1px solid #ddd; overflow: hidden;}
.main-nav-panel .wp-menu .menu-item a.menu-link {display: block; height: 39px; line-height: 39px; padding: 0 18px; color: #222; font-size: 15px; background-color: #fff;}
.main-nav-panel .wp-menu .menu-item a.menu-link:hover {text-decoration: none; color: #fff; background-color: #0C3C74}
.wp-header .wp-panel {margin: 0; float: none; clear: both; width: auto;}
.wp-header .search-panel {margin-bottom: 10px;}
.wp-header .logo-panel {position: relative;}
.wp-header .navi-aside-toggle-show {display: block;}
.logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 186px;}
.lang-panel, .top-nav-panel {display: none;}
.wp-info-page .search-panel, .wp-info-page .top-nav-panel, .wp-column-page .search-panel, .wp-column-page .top-nav-panel {display: none;}
.list-meta .column-path, .list-meta .column-title {float: none;}
.list-meta .column-title {display: none;}
.list-meta .column-path {padding-left: 24px; background: url(img/sitemap-icon.png) no-repeat 0 4px;}
.list-meta .column-path .path-name {display: none;}
.wp_paging .pages_count, .wp_paging .page_jump {display: none;}
.info-box {margin: 0 10px;}
.article {padding: 6px 0;}
.article .arti-metas span {font-size: 14px;}
.article .arti-metas .read-options {display: inline-block;}
.wp_entry, .wp_entry p, .article .entry, .article .entry p {font-size: 16px;}
.head-nav-panel {display: none;}
.logo-window img {max-width: 255px;}
.wap-focus .focus-pagination {display: none;}
.box_left {width: 100%;}
.search-box .sudy-tab .tab-menu li {padding: 0 8px;}
.input-sele {margin-top: -29px;}
.input-login {height: 40px; line-height: 40px;}
.box_right {width: 100%; background-size: cover;}
.mt_left {width: 100%;}
.post-8 .wp-menu {margin: 0px -7px;}
.post-8 .wp-menu .menu-item {width: 97%; margin: 7px 7px;}
.mt_right {width: auto;}
.post-9 .wp-menu {margin: 0px -7px;}
.post-9 .wp-menu .menu-item {width: 30%; margin: 7px 7px;}
.mm_left {float: none; width: auto; margin-bottom: 10px; height:220px;}
.mm_center {width: 49%; margin: 10px 0 0 0; height:220px;}
.mm_right {width: 49%; margin-top: 10px; height:220px;}
.mod_mid .wp-menu {max-height: 165px;}
.post-10 .wp-menu .menu-item {margin-top: 15px;}
.mb_left {width: auto; float: none;}
.mb_center {width: auto; float: none; margin: 0;}
.mb_right {width: auto; float: none; margin-bottom: 20px;}
.wp-jumbotron {background-size: cover;}
.wp-jumbotron .wp-inner {padding: 45px 15px 130px 30px;}
.post-16 .slick-prev, .slick-next {display: none!important;}
.wp-footer .wp-inner {padding: 18px 0 20px 0;}
.footer .foot {width: auto; float: none; margin-bottom: 10px;}
.footer .qr-code {margin: 0; width: 50%; text-align: center;}
.botlinks {width: 50%; float: left;}
.botlinks .links-wrap {width: 100%;}
.post-14 .news_con {width: 82.4%;}
.list_link {width: 50%;}
.post-10 .wp-menu .menu-item {
    margin-top: 0px; 
}
.head_time {position: initial;margin-top: 0;line-height: 32px;    font-size: 20px;}
.head_time span {
    font-size: 28px;
}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.post-12 .wp-menu .menu-item a.menu-link .menu-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
   text-overflow: ellipsis;
    white-space: nowrap;
   
}
.info-box {margin: 0 6px;}
.con-text-info {padding: 0 5px;}
.con-text {height: 46px; line-height: 46px;}
.con-text-info {height: 46px; line-height: 46px; font-size: 14px;}
.text-tel {background: none; padding: 0;}
.text-mail {background: none; padding: 0;}
.search-box .sudy-tab .tab-list {height: auto; padding-bottom: 20px;}
.search-box .sudy-tab .tab-menu {height: auto;}
.search-box .sudy-tab .tab-menu li {height: 38px; line-height: 38px; width: 100%; text-align: center; padding: 0;}
.lib-con {padding: 15px 10px 0 10px;}
.links {margin: 5px 10px;}
.post-8 .wp-menu .menu-item {width: 45%;}
.post-9 .wp-menu .menu-item {width: 45%;}
.mod_top {margin-bottom: 10px;}
.mm_center {width: auto; float: none; margin: 0;}
.mm_right {width: auto; margin: 10px 0 0 0; float: none;}
.mod_mid {margin: 25px 0 15px 0;}
.wp-jumbotron .wp-inner {padding: 40px 3% 15px 3%;}
.wp-main-page .wp-footer {background: #3870d3; position: initial;}
.foot-con {float: none;}
.footer .qr-code {width: auto; float: none;}
.botlinks {width: auto; float: none; margin-top: 15px;}
.post-14 .news_con {width: 73.3%;}
.list_link {width: 100%;}
.post-8 .wp-menu .menu-item {
    width: 97%;
}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
.top-nav-panel .wp-menu .menu-item a.menu-link {font-size: 14px; height: 28px; line-height: 28px;}
}