@charset "utf-8"; 
/**
 * [xlarge screen for pc]
 * >=1400
 */
@media screen and (min-width: 1400px) {
}

/**
 * [medium screen for pc & xlarge screen for pad pro]
 * 1160~1399
 */
@media screen and (max-width: 1399px) {
.header .inner {padding: 15px 60px;}
.main .header .inner {padding: 19px 60px;}
.main-nav-panel {max-width: 528px;}
.main-nav-panel .menu .menu-item a.menu-link {padding: 0 8px;}
.logo-window img {max-width: 426px;}
.list-head {padding: 20px 0;}
.wp_paging .pages_count {display: none;}
.list .container .inner .mod {padding: 0 60px 0 60px; margin: 0;}
.info .container .inner {padding: 40px 60px 25px 60px;}
#container-1 .inner {padding: 28px 60px 60px 60px;}
#container-2 .inner {padding: 50px 60px 80px 60px;}
.footer .inner {padding: 35px 60px;}
.foot_left .foot-logo {margin: 0;}
.foot_center {margin: 4px -220px 0 -150px;}
.foot_right {width: auto;}
.foot_right .foot-contact {margin: 0;}
}

/**
 * [small screen for pc & medium screen for pad pro and xlarge screen for pad]
 * 920~1159
 */
@media screen and (max-width: 1159px) {
.main .header {position: relative; background: #0061ae;}
.main .header .inner {padding: 10px 6px;}
.main .top-nav-panel {display: none;}
.header .inner {padding: 10px 6px;}
.link-nav-panel {display: none;}
.panel-wrap {width: 100%; padding: 0; margin: 0;}
.search-con {display: none!important;}
.search-window {display: block!important; position: relative; top: auto; right: auto; width: 100%;}
.header .panel {margin: 0; float: none; clear: both; width: auto;}
.logo-panel {position: relative;}
.logo-window {width: auto; margin: 0 40px; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 512px;}
.header .search-panel {margin: 10px 0;}
.navi-aside-toggle-show {display: block;}
.main-nav-panel {display: none;}
.column-head .column-anchor {padding: 10px;}
.column-news .column-news-box {margin-left: 300px;}
.list-head {padding: 10px 0;}
.column-news-con {margin: 10px 0 20px 0;}
.cols_list .cols {padding: 10px 0;}
.cols_list .cols .cols_title {width: 85%;}
.wp_paging li a {margin: 0 10px;}
.list .container .inner .mod {padding: 0 8px; margin: 0;}
.info .container .inner {padding: 20px 8px 25px 8px;}
#container-1 .inner {padding: 28px 8px 60px 8px;}
#container-1 .mod_top {margin: 0;}
#container-2 .inner {padding: 50px 8px 80px 8px;}
.footer .inner {padding: 35px 8px;}
.foot_left {width: 100%;}
.foot_left .foot-logo {margin: 0; text-align: center;}
.foot_center {width: 100%; margin: 20px 0;}
.foot_right {width: 100%; margin: 0;}
.foot_right .foot-contact {margin: 0;}
.foot_right .contact-menu {margin: 0 auto; text-align: center;}
.foot_right .contact-menu .contact-item {width: auto; margin: 0 15px;}
}

/**
 * [medium screen for pad]
 * 680~919
 */
@media screen and (max-width: 919px) {
.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 8px;}
.column-head .column-anchor {padding: 6px 8px;}
.column-head .column-anchor .column-switch {display: block;}
.column-head .column-anchor h3.anchor-title {font-size: 18px; padding: 0;}
.column-list-wrap li a {border: 0; border-bottom: 1px solid #ccc; font-size: 16px;}
.column-list-wrap li a span {padding: 6px 10px 6px 10px; line-height: 30px;}
.column-list-wrap .sub-list li a span {padding: 6px 20px 6px 20px;}
.column-list-wrap .sub-list .sub-list li a span {padding: 6px 30px 6px 30px;}
.column-body {display: none;}
.list-meta .column-title {font-size: 16px;}
.list .container .inner .mod {padding: 0;}
.article {padding: 10px 0; min-height: auto;}
.article h1.arti-title {padding: 5px 0;}
#container-1 .inner {padding: 28px 8px 60px 8px;}
#container-1 .inner {padding: 28px 8px 40px 8px;}
#container-1 .mod_mid {margin: 25px 0 43px 0}
#container-2 .inner {padding: 30px 8px 50px 8px;}
.post-8 {width: 100%;}
.post-8 .news_list .news .news_box .news_imgs {height: auto; padding-top: 75%;}
.post-9 {width: 100%;}
.post-10 {width: 100%;}
.post-11 {width: 100%; margin-top: 45px;}
.post-12 {width: 100%; margin: 45px 0 0 0;}
.post-13 {width: 100%; margin-top: 45px;}
.post-14 .news_list .news .news_box .news_imgs {width: 100%; margin: 0; padding-top: 57%; height: auto;}
.post-14 .news_list .news .news_box .news_con .news_arti {margin: 15px 0 0 0;}
.post-99 {margin: 0;}
}

/**
 * [xlarge screen for smart phone and mini pad]
 * 440~679
 */
@media screen and (max-width: 679px) {
body, p {font-size: 16px;}
a {font-size: 16px;}
.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(/uploads/image/_t052tcimg/sitemap-icon.png) left 7px no-repeat; line-height: 28px;}
.list-meta .column-path .path-name {display: none;}
.column-news-con {min-height: auto; margin: 0;}
.cols_list .cols {padding: 0;}
.cols_list .cols .cols_title {width: 79%;}
.wp_paging {margin: 15px 0;}
.wp_paging .pages_count, .wp_paging .page_jump {display: none;}
.wp_paging li a {font-size: 16px;}
.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;}
.focus .focus-title-bar {display: none!important;}
.focus .focus-pagination {display: none;}
.info .container .inner {padding: 0px 8px 25px 8px;}
.post-8 .news_list .news {width: 100%;}
.post-8 .news_list .news .news_box .news_imgs {padding-top: 75%;}
.foot_center .foot-info p span {display: block;}
.post2 .tt {    padding: 10px 0;}
.tt {margin-bottom: 5px;}
.tt .tit .title {font-size: 24px;}
.more_btn .more_text {font-size: 16px;}
#container-1 .inner {
    padding: 15px 8px 40px 8px;
}
}

/**
 * [medium and small screen for smart phone]
 * 320~439
 */
@media screen and (max-width: 439px) {
.cols_list .cols .cols_title {width: 70%;}
.post2 .tt .tit {padding-left: 10px;}
.post2 .more_btn {padding-right: 10px;}
.news_list .news .news_title {width: 85%;}
}

/**
 * [tiny screen for older phone and xsmall 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;}
.news_list .news .news_title {width: 100%;}
.news_list .news .news_meta {display: none;}
.foot_right .contact-menu .contact-item {width: 100%; text-align: center; margin: 0; background: none;}
.foot_right .contact-menu .contact-item .contact-link {background: none;}
}