@charset "UTF-8"; 
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200px) {
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1199px) {

.logo-panel {padding: 0;}
.main-nav-panel {margin: 0;}
.main-nav-panel .menu .menu-item {width: 20%; text-align: center;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0; display: block;}
.focus .focus-title-bar {max-width: 100%; height: 46px; left: 0; margin: 0 0 -4.5px 0;}
.focus .focus-title {line-height: 30px; height: 30px; padding: 8px 10px; max-width: 940px;}
.focus .focus-pagination {display: none;}
.column_img img, .banner_img img {min-height: auto;}
.list .container .inner {padding: 0 6px;}
#container-1 .inner {padding: 30px 6px 40px 6px;}
#container-2 .inner {padding: 30px 6px 50px 6px;}
#container-3 .inner {padding: 0 6px;}
#container-4 .inner {padding: 25px 6px 40px 6px;}
.post2 .tt {margin-bottom: 30px;}
.post-10 {display: none;}
.post-11 {display: block;}
.post-12 .news_list .news .news_field span {margin: 0;}
.footer .inner {padding: 35px 6px;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
.header {
   
    background-size: 100%;
}
.container ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px rgb(255, 255, 255); border-right: 0; border-radius: 0; background-color: #FFF;}

.logo-panel {position: relative; background: none; text-align: center; margin-bottom: 20px;}
.top-nav-panel {float: left;}
.focus-navigation {visibility: hidden;}
.focus .focus-title-bar {margin: 0; bottom: 0;}
.focus .focus-title {max-width: 100%;}
.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 {width: auto; font-size: 16px;}
.column-list-wrap li a span {padding: 6px 6px 6px 6px;}
.column-list-wrap .sub-list li a span {padding: 6px 6px 6px 18px; line-height: 26px;}
.column-list-wrap .sub-list .sub-list li a span {padding: 6px 6px 6px 30px; line-height: 24px;}
.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;}
.list .container .inner {padding: 0;}
#container-1 .inner {padding: 20px 8px 30px 8px;}
#container-2 .inner {padding: 20px 8px 40px 8px;}
#container-3 .inner {padding: 0 8px;}
#container-3 .mod_left {width: 100%; margin: 20px 0;}
#container-3 .mod_right {width: 100%;}
#container-4 .inner {padding: 20px 8px 25px 8px;}
.tt {margin-bottom: 20px;}
.post2 .tt {margin-bottom: 20px;}
.post-7 {width: 100%;}
.post-7 .news_list .news .news_box .news_imgs {padding-top: 59.786%; height: auto;}
.post-8 {width: 100%; margin-top: 25px;}
.post-8 .news_list .news .news_con {height: auto;}
.post-12 .news_list .news .news_field span.field-speaker {margin: 0;}
.post-13 {border: 1px solid #e4dfdf; margin-bottom: 25px;}
.post-15 .news_list .news .news_box .news_con .news_more {bottom: 15px;}
}

/**
 * [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 {
  
    padding: 45px 0;
}
.main-nav-panel {display: none;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.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: 429px;}
.top-nav-panel {display: none;}
.search-window {width: 100%!important;}
.search-panel .search-box {display: none!important;}
.focus .focus-title-bar {display: none!important;}
.column-news .column-news-box {margin: 0 8px;}
.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/04/c3/1219/template1219/css/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;}
.post-7 .news_list {margin: 0 -10px;}
.post-7 .news_list .news .news_box {margin: 0 10px;}
.post-15 {width: 100%; margin-bottom: 25px;}
.post-16 {width: 100%;}
.footer .inner {padding: 30px 6px;}
.foot_left {width: 100%;}
.site-info p {text-align: center;}
.foot_right {margin: 20px 0 0 0; width: 100%; text-align: center;}
.links-wrap {float: none; width: 308px;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.header .inner {
   
    padding: 15px 0;
}
.cols_list .cols .cols_title {width: 75%;}
.info-box {margin: 0 6px;}
.share .bdsharebuttonbox a {margin: 6px 4px;}
.tt .tit .title {font-size: 22px;}
.post-7 .news_list .news {width: 100%; margin-bottom: 25px;}
.post-8 {margin: 0;}
.post-13 .news_list .news .news_left {width: auto; margin: 0;}
.post-13 .news_list .news .news_right .news_con {margin: 0;}
.post-13 .news_list .news .news_right .news_content {padding: 20px 10px;}
.post-14 .tt {text-align: center; border: 0;}
.post-14 .tt .tit {width: 100%;}
.post-14 .tt .tit .title {width: 100%;}
.post-14 .more_btn {float: none; margin: 20px 0 10px 0;}
.post-15 .news_list .news .news_box {padding: 80px 18px 66px 18px;}
}

/**
 * [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;}
.share {display: none;}
.post-16 .news_list .news .news_box .news_date {display: none;}
.post-16 .news_list .news .news_box .news_con .news_arti {padding: 2px 0;}
.site-info p span {display: block;}
.links-wrap {width: 100%;}
}