@charset "UTF-8"; 
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1105) {
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 1104px) {
.wp-footer .wp-inner {background-size: contain;}
.stab li {padding: 0 11px;}
.sinput {width: 68.5%;}
}

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 959px) {
.focus-navigation {visibility: hidden;}
.main-nav-panel {margin-top: 25px;}
.wp-column-menu {width: 100%; float: none; margin: 0;}
.logo-window {padding: 20px 0;}
.logo-window img {padding-top: 5px; max-width: 270px;}
.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-left: 10px;}
.column-list-wrap li a span {padding-top: 6px; padding-bottom: 6px; padding-left: 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;}
.stab li {padding: 0 31px;}
.sinput {width: 100%;}
.searchtxt {width: 81.5%;}
.button {margin: 12px 0 0 0;}
.sbtn.cn {margin-right: 20px;}
.foot_left {padding-left: 70px;}
.shares li {margin: 0 18px;}
.main-nav-panel .wp-menu .menu-item a.menu-link {padding: 20px 8px 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-footer .wp-inner .footer .copyright {display: block;}
.wp-header .wp-inner {margin: 0 6px;}
.wp-header {padding: 0; background: #0a4394;}
.wp-navi {display: none;}
.wp-navi-slide {display: block; 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 95px 0 0; padding: 15px 0; text-align: center;}
.logo-window img {width: 100%; max-width: 100%;}
.panel-1 .navi-slide-title {display: inline-block;}
.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;}
.main-nav-panel {display: none;}
.wp-main-page .wp-container .wp-inner {padding: 0 8px; width: auto;}
.content_left {width: auto; float: none;}
.content_right {width: auto; float: none;}
.wp-focus {display: block;}
.content_right .mod_top {display: none;}
.search_more {display: none;}
.stab li {padding: 0 26px;}
.wp-container {background: #fff;}
.content_left .mod_top .con {background: #fff; padding: 0;}
.content_left .mod_bot .con {background: #fff; padding: 0;}
.tt {background: none; border-bottom: 1px solid #dcdcdc;}
.tt .tit {border-bottom: 1px solid #0a4394; padding: 0px 3px;}
.tt .tit .title {color: #3b3b3b;}
.sinput {width: 70%;}
.sinput .stxt {width: 90%; height: 52px; line-height: 52px;}
.sbtn.cn {height: auto; line-height: 20px; padding: 6px 16px; width: 60px; white-space: normal; margin: 0;}
.sbtn.en {height: auto; line-height: 20px; padding: 6px 16px; width: 60px; white-space: normal;}
#dxSearchForm {padding: 0; border: none;}
.nav-list {background-size: 20%!important;}
.wp-footer .wp-inner {background-size: cover;}
.foot_left p {text-align: center;}
.foot_left {padding: 0; width: 100%; float: none;}
.foot_right {text-align: center; float: none; width: 100%; padding-top: 10px;}
.shares li {margin: 0 40px;}
.content_left .mod_top {padding: 10px 0;}
.news_list .news {border-bottom: 1px solid #ededed;}
.searchtxt {width: 80.5%;}
.content_right .mod_bot {padding-bottom: 20px;}
.focus .focus-title-bar {display: none!important;}
.focus .focus-page {width: 15px; height: 15px; line-height: 15px; border-radius: 10px; margin-right: 10px; background: #fff;}
.focus .focus-page-active {background-color: #0a4394; width: 35px;}
.focus .focus-pagination {left: 0; right: 0; text-align: center;}
.post-4 .tt {background: none;}
.post-5 .tt {background: none;}
span.column-news-date.news-date-hide{display:none;}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
.info-box {margin: 0 6px;}
.stab li {padding: 0 10px;}
.sbtn.cn {padding: 6px 12px; width: 52px;}
.sbtn.en {width: 52px; padding: 6px 12px;}
.sinput {width: 61%;}
.sinput .stxt {width: 85%; height: 50px; line-height: 50px;}
.searchtxt {width: 74.5%;}
.nav-tit {font-size: 16px;}
.searchbtn {padding: 0 10px;}
.nav-list {width: 50%;}
.shares li {margin: 0 35px;}
.wp_editor_art_table td {width: 100%!important;}
.column-news-list .wp_entry img {width: 100%!important; height: 100%!important;}
.button{ margin:0;}
}

/**
 * [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;}
}
