@charset "UTF-8"; 
/**
 * [xLarge Screen for PC]
 * >=1205
 */
@media screen and (min-width: 1205px) {
}

/**
 * [Large Screen for PC & Pad]
 * 960~1204
 */
@media screen and (max-width: 1204px) {
.header .inner {padding: 12px 6px;}
.main-nav-panel .menu .menu-item {width: 10%; text-align: center;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0;}
.focus .focus-title {max-width: 690px;}
.main .container .inner {padding: 30px 6px 35px 6px;}
.list .container .inner {padding: 0 6px 30px 6px;}
.footer .inner {padding: 30px 6px;}
.foot-share ul {margin: 0;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 4px;}
.focus .focus-title {max-width: 498px;}
.focus-navigation {visibility: hidden;}
.column_img img, .banner_img img {min-height: auto;}
.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: 6px;}
.column-head .column-anchor .column-switch {display: block;}
.column-head .column-anchor h3.anchor-title {font-size: 16px; width: auto; text-align: left;}
.column-list-wrap li a span {padding: 6px 10px;}
.column-list-wrap .sub-list li a span {padding: 6px 10px 6px 20px;}
.column-list-wrap .sub-list .sub-list li a span {padding: 6px 10px 6px 30px;}
.column-body {display: none;}
.list-meta .column-title {font-size: 16px;}
.column-news-con {min-height: auto;}
.list-page-2 .cols_list {margin: 0 -12px;}
.list-page-2 .cols_list .cols .cols_box {margin: 0 12px;}
.info-box {margin: 0 14px;}
.article {padding: 10px 0;}
.article h1.arti-title {padding: 5px 0;}
.list .container .inner {padding: 0 0 30px 0;}
.mod_left .mod_con {margin: 0; padding: 0;}
.mod_right {width: 100%; margin: 15px 0 0 0;}
.mod_right .mod_right_mid {margin-bottom: 35px;}
.mod_right .mod_right_bot {margin: 0 -5px;}
.post-17 .menu .menu-item {width: 50%; margin: 30px 0;}
.post-18 .menu .menu-item {width: 33.3%;}
.post-18 .menu .menu-item a.menu-link {margin-right: 20px;}
.links-wrap {width: 33.3%; float: left;}
.links-wrap .links-box {margin: 0 5px;}
}

/**
 * [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;}
.header .inner {margin: 0 6px; padding: 12px 0;}
.header {padding: 0;}
.main-nav-panel {display: none;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.header .search-panel {margin-bottom: 10px;}
.header .logo-panel {position: relative;}
.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: 406px;}
.top-nav-panel {display: none;}
.focus .focus-title-bar {right: 10px; bottom: 10px; margin: 0;}
.focus .focus-title {max-width: 430px;}
.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(/_upload/tpl/00/08/8/template8/css/img/sitemap-icon.png) left 7px no-repeat;}
.list-meta .column-path .path-name {display: none;}
.column-news .column-news-box {margin: 0 8px;}
.cols_list .cols .cols_title {width: 80%;}
.wp_paging .pages_count, .wp_paging .page_jump {display: none;}
.list-page-2 .cols_list .cols {width: 50%;}
.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;}
.main .container .inner {padding: 30px 8px;}
.news_list .news .news_title {display: inline-block; height: auto;}
.news_list .news:nth-last-child(1) {border-bottom: 1px solid #e5dfd1;}
.mod_left .mod_con .mod_left_top .top_left {width: 100%;}
.mod_left .mod_con .mod_left_top .top_right {width: 100%;}
.mod_left .mod_con .mod_left_mid {margin: 20px 0;}
.mod_left .mod_con .mod_left_mid .mid_left {width: 100%;}
.mod_left .mod_con .mod_left_mid .mid_center {width: 100%; margin: 20px 0;}
.mod_left .mod_con .mod_left_mid .mid_right {width: 100%;}
.mod_left .mod_con .mod_left_bot .bot_left {width: 100%;}
.mod_left .mod_con .mod_left_bot .bot_right {width: 100%; margin-top: 20px;}
.post-7 {width: 100%;}
.post-7 .news_list .news .news_box .news_imgs {padding-top: 65.298%; height: auto;}
.post-8 {width: 100%; margin: 10px 0 20px 0;}
.post-9 .tt {margin-bottom: 5px;}
.post-9 .con {margin: 0;}
.post-13 .tt {margin-bottom: 5px;}
.post-13 .con {margin: 0;}
.post-15 {width: 100%;}
.post-15 .news_list .news .news_box .news_imgs {padding-top: 71.93%; height: auto;}
.post-16 {width: 100%; margin-top: 10px;}
.links-wrap {width: 100%;}
.foot_left {width: 100%;}
.foot_left .foot-info p {text-align: center;}
.foot_right {width: 100%; margin-top: 25px;}
.foot-share {text-align: center;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
body, p {font-size: 15px;}
a {font-size: 15px;}
.focus .focus-title-bar {height: 32px;}
.focus .focus-title {max-width: 280px; padding: 0 10px; height: 32px; line-height: 32px; font-size: 16px;}
.cols_list .cols .cols_title {width: 71%;}
.list-page-2 .cols_list .cols {width: 100%;}
.info-box {margin: 0 6px;}
.main .container .inner {padding: 20px 8px 10px 8px;}
.post-17 .menu .menu-item {width: 100%; margin: 10px 0;}
.post-17 .menu .menu-item a.menu-link {background-size: cover;}
.post-17 .menu .menu-item.i2 a.menu-link {background-size: cover;}
.post-18 .menu .menu-item {width: 50%;}
.foot_left .foot-info p span {display: block;}
.foot-share li .share_box {margin: 0 6px;}
}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {
body, p {font-size: 14px;}
a {font-size: 14px;}
.focus .focus-title-bar {display: none!important;}
.cols_list .cols .cols_title {width: 100%;}
.cols_list .cols .cols_meta {display: none;}
.share {display: none;}
.post-18 .menu .menu-item {width: 100%;}
.post-18 .menu .menu-item a.menu-link {margin: 0;}
.foot-share li {width: 100%; margin-bottom: 15px;}
.foot-share li.i3 {margin: 0;}
}