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

/**
 * [Large Screen for PC & Pad]
 * 1050~1299
 */
@media screen and (max-width: 1299px) {
.list-page-3 .cols_list .cols .cols_title {background: url(../images/colsbg-io.png) 10px center no-repeat;}
.list-page-3 .cols_list .cols .cols_title a {padding-left: 22px;}
.list-page-4 .cols_list .cols .cols_title {background: url(../images/colsbg-io.png) 10px center no-repeat;}
.list-page-4 .cols_list .cols .cols_title a {padding-left: 22px;}
.main-nav-panel .menu .menu-item {width: 12.5%; text-align: center;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0; display: block;}
.focus .focus-title-bar {max-width: 100%; margin: 0; left: 15px;}
.focus .focus-pagination {max-width: 100%; right: 0; margin: 0;}
.container .inner {padding: 35px 6px 15px 6px; overflow: hidden;}
#container-1 .inner {padding: 25px 6px; overflow: hidden;}
#container-2 .inner {padding: 25px 6px; overflow: hidden;}
.column_img img, .banner_img img {min-height: 100%;}
.link .inner {overflow: hidden; padding: 35px 6px;}
.site .inner {padding: 36px 6px; overflow: hidden;}
.share_list {margin: 0;}
}

/**
 * [Medium Screen for Pad]
 * 800~1049
 */
@media screen and (max-width: 1049px) {
.logo-panel {float: left; width: 100%; text-align: center;}
.back-home {margin: 35px 0 0 15px;}
.search-wrap {clear: none;}
.focus .focus-title {max-width: 600px;}
.focus-navigation {visibility: hidden;}
.column-menu {width: 100%; float: none; margin: 0;}
.column-news {float: none;}
.column-news .column-news-box {margin: 0 6px;}
.column-head .column-anchor {padding: 10px 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 0p;}
.column-body {display: none;}
.column-body .column-list {padding: 10px;}
.list-head {padding: 5px 0;}
.list-meta .column-title {font-size: 16px;}
.info-box {margin: 0 14px;}
.article {padding: 10px 0;}
.article h1.arti-title {padding: 5px 0;}
.container .mod_left {width: 100%; margin-bottom: 25px;}
.container .mod_left_news {width: 100%  ! important; margin-bottom: 25px;}
.container .mod_center {width: 100% ! important; margin: 0;}
.container .mod_right {width: 100% ! important;}
.container .inner {padding: 10px 8px;} 
#container-1 .inner {padding: 25px 8px;}
#container-2 .inner {padding: 25px 8px;}
.post-11 .news_list .news .news_box .news_imgs {height: auto; padding-top: 48.4%;}
.link .inner {padding: 35px 8px;}
.post-16 .news_list .news {width: 33.3%; margin-bottom: 20px;}
.site_left .site-copy {margin-right: 130px;}
.site_center {width: 260px; margin: 0 -130px;}
.site_right .site-qrcode {margin-left: 130px;}
}

/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 550~799
 */
@media screen and (max-width: 799px) {
body, p {font-size: 16px;}
a {font-size: 16px;}
.header {padding: 0;}
.header .inner {margin: 0 6px;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.header .navi-aside-toggle-show {display: block;}
.logo-panel {position: relative;}
.logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 300px;}
.header_right {width: 100%;}
.back-home {width: 100%; margin: 10px 0; text-align: center;}
.search-wrap {float: none;}
.search-panel {width: 100%; margin: 15px 0; float: none; clear: both;}
.search-con {display: none;}
.search-window {width: 100%!important;}
.motto {margin: 15px 0 5px 0; float: none; clear: both; width: auto; text-align: center;}
.navi {height: auto;}
.main-nav-panel {display: none;}
.jumbotron {bottom: 0;}
.focus .focus-title-bar {height: 48px;}
.focus .focus-title {max-width: 350px; height: 48px; line-height: 48px;}
.focus .focus-pagination {display: none;}
.channel .inner {display: none;}
.fixed {display: none;}
.column-list-wrap li a {font-size: 16px;}
.column-list-wrap .sub-list li a {font-size: 15px;}
.column-list-wrap .sub-list .sub-list li a {font-size: 14px;}
.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) left 10px no-repeat;}
.list-meta .column-path .path-name {display: none;}
.wp_paging .pages_count, .wp_paging .page_jump {display: none;}
.list-page-2 .cols_list .cols {width: 33.3%;}
.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;}
.tt .tit .title {font-size: 24px;}
#container-1 {box-shadow: 0px 3px 6px #00000040; z-index: 100; position: relative;}
#container-1 .inner {padding: 20px 8px 40px 8px;}
#container-2 .inner {padding: 20px 8px 40px 8px;}
.container .mod_left_news {width: 100%; margin-bottom: 25px;}
.container .mod_center {width: 100%; margin: 0 0 25px 0;}
.container .mod_right {width: 100%;}
.link {box-shadow: 0px -3px 6px #00000040; z-index: 80; position: relative;}
.link .inner {padding: 30px 8px 15px 8px;}
.site_left {width: 100%;}
.site_left .site-copy {margin: 0;}
.site_left .site-copy p {text-align: center;}
.site_center {width: 100%; margin: 15px 0; text-align: center;}
.site_right {width: 100%;}
.site_right .site-qrcode {margin: 0; text-align: center;}
.share_list {float: none;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 320~549
 */
@media screen and (max-width: 549px) {
.cols_list .cols .cols_title {width: 71%;}
.list-page-2 .cols_list {margin: 0 -12px;}
.list-page-2 .cols_list .cols {width: 50%;}
.list-page-2 .cols_list .cols .cols_box {margin: 0 12px;}
.list-page-3 .cols_list .cols {width: 50%;}
.list-page-3 .cols_list .cols .cols_title a {padding-left: 22px;}
.list-page-4 .cols_list .cols {width: 50%;}
.list-page-4 .cols_list .cols .cols_title a {padding-left: 22px;}
.info-box {margin: 0 6px;}
.focus .focus-title-bar {display: none!important;}
.post-7 .news_list .news .news_box .news_con .news_arti {margin-left: 170px;}
.post-11 .news_list .news .news_box .news_title {bottom: 10px;}
.post-16 .news_list {margin: 0 -8px;}
.post-16 .news_list .news {width: 50%;}
.post-16 .news_list .news .news_box {margin: 0 8px;}
.footer .inner .foot .copyright {display: block;}
.list-page-4 .special .cols_list .cols{width:50%;}
.float_wrap {display: none;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
.cols_list .cols .cols_title {width: 100%;}
.cols_list .cols .cols_meta {display: none;}
.list-page-2 .cols_list .cols {width: 100%;}
.list-page-2 .cols_list .cols {width: 100%;}
.post-7 .news_list .news .news_box .news_imgs {width: 100%; margin: 0; padding-top: 66%; height: auto;}
.post-7 .news_list .news .news_box .news_con .news_arti {margin: 10px 0 0 0;}
.post-16 .news_list .news {width: 100%;}
}